Bump to 0.32.1

.cursorrules

@@ -1,99 +0,0 @@
-# Twenty Development Rules
-
-## General
-- Twenty is an open source CRM built with Typescript (React, NestJS)
-
-### Main Packages / folders
-- packages/twenty-front: Main Frontend (React)
-- packages/twenty-server: Main Backend (NestJS)
-- packages/twenty-website: Marketing website + docs (NextJS)
-- packages/twenty-ui: UI library (React)
-- packages/twenty-shared: Shared utils, constants, types
-
-### Development Stack
-- Package Manager: yarn
-- Monorepo: nx
-- Database: PostgreSQL + TypeORM (core, metadata schemas)
-- State Management: Recoil
-- Data Management: Apollo / GraphQL
-- Cache: redis
-- Auth: JWT
-- Queue: BullMQ
-- Storage: S3/local filesystem
-- Testing Backend: Jest, Supertest
-- Testing Frontend: Jest, Storybook, MSW
-- Testing E2E: Playwright
-
-## Styling
-- Use @emotion/styled, never CSS classes/Tailwind
-- Prefix styled components with 'Styled'
-- Keep styled components at top of file
-- Use Theme object for colors/spacing/typography
-- Use Theme values instead of px/rem
-- Use mq helper for media queries
-
-## TypeScript
-- No 'any' type - use proper typing
-- Use type over interface
-- String literals over enums (except GraphQL)
-- Props suffix for component props types
-- Use type inference when possible
-- Enable strict mode and noImplicitAny
-
-## React
-- Only functional components
-- Named exports only
-- No useEffect, prefer event handlers
-- Small focused components
-- Proper prop naming (onClick, isActive)
-- Destructure props with types
-
-## State Management
-- Recoil for global state
-- Apollo Client for GraphQL/server state
-- Atoms in states/ directory
-- Multiple small atoms over prop drilling
-- No useRef for state
-- Extract data fetching to siblings
-- useRecoilValue/useRecoilState appropriately
-
-## File Structure
-- One component per file
-- Features in modules/
-- Hooks in hooks/
-- States in states/
-- Types in types/
-- PascalCase components, camelCase others
-
-## Translation
-- Use @lingui/react/macro
-- Use <Trans> within components
-- Use t`string` elsewhere (from useLingui hook)
-- Don't translate metadata (field names, object names, etc)
-- Don't translate mocks
-
-## Code Style
-- Early returns
-- No nested ternaries
-- No else-if
-- Optional chaining over &&
-- Small focused functions
-- Clear variable names
-- No console.logs in commits
-- Few comments, prefer code readability
-
-## GraphQL
-- Use gql tag
-- Separate operation files
-- Proper codegen typing
-- Consistent naming (getX, updateX)
-- Use fragments
-- Use generated types
-
-## Testing
-- Test every feature
-- React Testing Library
-- Test behavior not implementation
-- Mock external deps
-- Use data-testid
-- Follow naming conventions

.eslintrc.cjs

@@ -1,16 +1,8 @@
 module.exports = {
   root: true,
-  extends: ['plugin:prettier/recommended', 'plugin:lingui/recommended'],
-  plugins: [
-    '@nx',
-    'prefer-arrow',
-    'import',
-    'unused-imports',
-    'unicorn',
-    'lingui',
-  ],
+  extends: ['plugin:prettier/recommended'],
+  plugins: ['@nx', 'prefer-arrow', 'import', 'unused-imports', 'unicorn'],
   rules: {
-    'lingui/no-single-variables-to-translate': 'off',
     'func-style': ['error', 'declaration', { allowArrowFunctions: true }],
     'no-console': ['warn', { allow: ['group', 'groupCollapsed', 'groupEnd'] }],
     'no-control-regex': 0,
@@ -37,10 +29,6 @@ module.exports = {
             sourceTag: 'scope:frontend',
             onlyDependOnLibsWithTags: ['scope:shared', 'scope:frontend'],
           },
-          {
-            sourceTag: 'scope:zapier',
-            onlyDependOnLibsWithTags: ['scope:shared'],
-          },
         ],
       },
     ],
@@ -82,6 +70,7 @@ module.exports = {
         '@typescript-eslint/explicit-function-return-type': 'off',
         '@typescript-eslint/explicit-module-boundary-types': 'off',
         '@typescript-eslint/interface-name-prefix': 'off',
+        '@typescript-eslint/no-empty-function': 'off',
         '@typescript-eslint/no-empty-interface': [
           'error',
           {
@@ -107,11 +96,7 @@ module.exports = {
       rules: {},
     },
     {
-      files: [
-        '*.spec.@(ts|tsx|js|jsx)',
-        '*.integration-spec.@(ts|tsx|js|jsx)',
-        '*.test.@(ts|tsx|js|jsx)',
-      ],
+      files: ['*.spec.@(ts|tsx|js|jsx)', '*.test.@(ts|tsx|js|jsx)'],
       env: {
         jest: true,
       },

.github/ISSUE_TEMPLATE/oss-gg-hack-submission.yml

@@ -0,0 +1,33 @@
+name: oss.gg hack submission 🕹️
+description: "Submit your contribution for the for the oss.gg hackathon"
+title: "[🕹️]"
+labels: 🕹️ oss.gg, player submission, hacktoberfest
+assignees: []
+body:
+  - type: textarea
+    id: contribution-name
+    attributes:
+      label: What side quest or challenge are you solving?
+      description: Add the name of the side quest or challenge.
+    validations:
+      required: true
+  - type: textarea
+    id: points
+    attributes:
+      label: Points
+      description: How many points are assigned to this contribution?
+    validations:
+      required: true
+  - type: textarea
+    id: description
+    attributes:
+      label: Description
+      description: What's the task your performed?
+    validations:
+  - type: textarea
+    id: proof
+    attributes:
+      label: Provide proof that you've completed the task
+      description: Screenshots, loom recordings, links to the content you shared or interacted with.
+    validations:
+      required: true

.github/workflows/actions/nx-affected/action.yaml

@@ -2,11 +2,14 @@ name: Nx Affected CI
 inputs:
   parallel:
     required: false
-    default: '3'
+    types: [number]
+    default: 3
   tag:
     required: false
+    types: [string]
   tasks:
     required: true
+    types: [string]
 
 runs:
   using: "composite"

.github/workflows/actions/restore-cache/action.yaml

@@ -1,35 +0,0 @@
-name: Restore cache
-inputs:
-  key:
-    required: true
-    description: Prefix to the cache key
-  additional-paths:
-    required: false
-outputs:
-  cache-primary-key:
-    description: actions/cache/restore cache-primary-key outputs proxy
-    value: ${{ steps.restore-cache.outputs.cache-primary-key }}
-  cache-hit:
-    description: String bool indicating whether cache has been directly or indirectly hit
-    value: ${{ steps.restore-cache.outputs.cache-hit == 'true' || steps.restore-cache.outputs.cache-matched-key != '' }}
-
-runs:
-  using: composite
-  steps:
-    - name: Cache primary key builder
-      id: cache-primary-key-builder
-      shell: bash
-      run: |
-        echo "CACHE_PRIMARY_KEY_PREFIX=${{ inputs.key }}-${{ github.ref_name }}" >> "${GITHUB_OUTPUT}"
-    - name: Restore cache
-      uses: actions/cache/restore@v4
-      id: restore-cache
-      with:
-        key:  ${{ steps.cache-primary-key-builder.outputs.CACHE_PRIMARY_KEY_PREFIX }}-${{ github.sha }}
-        restore-keys: ${{ steps.cache-primary-key-builder.outputs.CACHE_PRIMARY_KEY_PREFIX }}-
-        path: |
-          .cache
-          .nx/cache
-          node_modules/.cache
-          packages/*/node_modules/.cache
-          ${{ inputs.additional-paths }}

.github/workflows/actions/save-cache/action.yaml

@@ -1,21 +0,0 @@
-name: Save cache
-inputs:
-  key:
-    required: true
-    description: Primary key to the cache, should be retrieved from `cache-restore` composite action outputs.
-  additional-paths:
-    required: false
-
-runs:
-  using: "composite"
-  steps:
-    - name: Save cache
-      uses: actions/cache/save@v4
-      with:
-        key: ${{ inputs.key }}
-        path: |
-          .cache
-          .nx/cache
-          node_modules/.cache
-          packages/*/node_modules/.cache
-          ${{ inputs.additional-paths }}

.github/workflows/actions/task-cache/action.yaml

@@ -0,0 +1,31 @@
+name: Restore Tasks Cache CI
+inputs:
+  tag:
+    required: false
+    types: [string]
+  tasks:
+    required: false
+    types: [string]
+    default: all
+  suffix:
+    required: false
+    types: [string]
+
+runs:
+  using: "composite"
+  steps:
+    - name: Compute tasks key
+      id: tasks-key
+      shell: bash
+      run: echo "key=${{ inputs.tasks }}" | tr , - >> $GITHUB_OUTPUT
+    - name: Restore tasks cache
+      uses: actions/cache@v3
+      with:
+        path: |
+          .cache
+          .nx/cache
+          node_modules/.cache
+          packages/*/node_modules/.cache
+        key: tasks-cache-${{ github.ref_name }}-${{ inputs.tag }}-${{ steps.tasks-key.outputs.key }}${{ inputs.suffix }}-${{ github.sha }}
+        restore-keys: |
+          tasks-cache-${{ github.ref_name }}-${{ inputs.tag }}-${{ steps.tasks-key.outputs.key }}${{ inputs.suffix }}-

.github/workflows/actions/yarn-install/action.yaml

@@ -1,43 +1,23 @@
 name: Yarn Install
-inputs:
-  node-version:
-    required: false
-    default: '18'
 
 runs:
   using: "composite"
   steps:
-    - name: Cache primary key builder
-      id: globals
-      shell: bash
-      run: |
-        echo "ACTION_SHELL=bash" >> "${GITHUB_OUTPUT}"
-        echo "CACHE_KEY_PREFIX=node_modules-cache-node-${{ inputs.node-version }}-${{ hashFiles('yarn.lock') }}"  >> "${GITHUB_OUTPUT}"
-        echo 'PATH_TO_CACHE<<EOF' >> $GITHUB_OUTPUT
-        echo "node_modules" >> $GITHUB_OUTPUT
-        echo "packages/*/node_modules" >> $GITHUB_OUTPUT
-        echo 'EOF' >> $GITHUB_OUTPUT
     - name: Setup Node.js and get yarn cache
-      uses: actions/setup-node@v4
+      uses: actions/setup-node@v3
       with:
-        node-version: ${{ inputs.node-version }}
-    - name: Restore node_modules
-      id: cache-node-modules
-      uses: actions/cache/restore@v4
+        node-version: "18"
+        cache: yarn
+    - name: Cache node modules
+      id: node-modules-cache
+      uses: actions/cache@v3
       with:
-        key: ${{ steps.globals.outputs.CACHE_KEY_PREFIX }}-${{github.sha}}
-        restore-keys: ${{ steps.globals.outputs.CACHE_KEY_PREFIX }}-
-        path: ${{ steps.globals.outputs.PATH_TO_CACHE }}
+        path: |
+          node_modules
+          packages/*/node_modules
+        key: root-node_modules-${{ hashFiles('yarn.lock') }}
+        restore-keys: root-node_modules-
     - name: Install Dependencies
-      if: ${{ steps.cache-node-modules.outputs.cache-hit != 'true' && steps.cache-node-modules.outputs.cache-matched-key == '' }}
-      shell: ${{ steps.globals.outputs.ACTION_SHELL }}
-      run: |
-        yarn config set enableHardenedMode true
-        yarn --immutable --check-cache
-    - name: Save cache
-      if: ${{ steps.cache-node-modules.outputs.cache-hit != 'true' && steps.cache-node-modules.outputs.cache-matched-key == '' }}
-      uses: actions/cache/save@v4
-      with:
-        key: ${{ steps.cache-node-modules.outputs.cache-primary-key }}
-        path: ${{ steps.globals.outputs.PATH_TO_CACHE }}
-      
+      shell: bash
+      run: yarn --immutable --check-cache
+      if: steps.node-modules-cache.outputs.cache-hit != 'true'

.github/workflows/cd-deploy-main.yaml

@@ -5,7 +5,6 @@ on:
       - main
 jobs:
   deploy-main:
-    timeout-minutes: 3
     runs-on: ubuntu-latest
     steps:
       - name: Repository Dispatch

.github/workflows/cd-deploy-tag.yaml

@@ -5,7 +5,6 @@ on:
       - 'v*'
 jobs:
   deploy-tag:
-    timeout-minutes: 3
     runs-on: ubuntu-latest
     steps:
       - name: Repository Dispatch

.github/workflows/changed-files.yaml

@@ -1,27 +0,0 @@
-name: Changed files reusable workflow
-on:
-  workflow_call:
-    inputs:
-      files:
-        required: true
-        type: string
-    outputs:
-      any_changed:
-        value: ${{ jobs.changed-files.outputs.any_changed }}
-
-jobs:
-  changed-files:
-    timeout-minutes: 5
-    runs-on: ubuntu-latest
-    outputs:
-      any_changed: ${{ steps.changed-files.outputs.any_changed }}
-    steps:
-      - name: Fetch custom Github Actions and base branch history
-        uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
-      - name: Check for changed files
-        id: changed-files
-        uses: tj-actions/changed-files@v45
-        with:
-          files: ${{ inputs.files }}

.github/workflows/ci-chrome-extension.yaml

@@ -3,24 +3,15 @@ on:
   push:
     branches:
       - main
-
+  
   pull_request:
-
+    
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
   cancel-in-progress: true
 
 jobs:
-  changed-files-check:
-    uses: ./.github/workflows/changed-files.yaml
-    with:
-      files: |
-        package.json
-        packages/twenty-chrome-extension/**
   chrome-extension-build:
-    needs: changed-files-check
-    if: needs.changed-files-check.outputs.any_changed == 'true'
-    timeout-minutes: 15
     runs-on: ubuntu-latest
     env:
       VITE_SERVER_BASE_URL: http://localhost:3000
@@ -33,16 +24,23 @@ jobs:
       - uses: actions/checkout@v4
         with:
           fetch-depth: 0
+
+      - name: Check for changed files
+        id: changed-files
+        uses: tj-actions/changed-files@v11
+        with:
+          files: |
+            package.json
+            packages/twenty-chrome-extension/**
+             
       - name: Install dependencies
+        if: steps.changed-files.outputs.any_changed == 'true'
         uses: ./.github/workflows/actions/yarn-install
       - name: Chrome Extension / Run build
+        if: steps.changed-files.outputs.any_changed == 'true'
         run: npx nx build twenty-chrome-extension
-  ci-chrome-extension-status-check:
-    if: always() && !cancelled()
-    timeout-minutes: 1
-    runs-on: ubuntu-latest
-    needs: [changed-files-check, chrome-extension-build]
-    steps:
-      - name: Fail job if any needs failed
-        if: contains(needs.*.result, 'failure')
-        run: exit 1
+
+      - name: Mark as Valid if No Changes
+        if: steps.changed-files.outputs.changed != 'true'
+        run: |
+          echo "No relevant changes detected. Marking as valid."  

.github/workflows/ci-demo-check.yml

@@ -1,63 +0,0 @@
-name: CI Demo check
-on:
-  schedule:
-    - cron: '30 7,19 * * *'
-  workflow_dispatch:
-
-concurrency:
-  group: ${{ github.workflow }}-${{ github.ref }}
-  cancel-in-progress: true
-
-jobs:
-  test:
-    timeout-minutes: 15
-    runs-on: ubuntu-latest
-    defaults:
-      run:
-        working-directory: ./packages/twenty-e2e-testing
-    steps:
-      - uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
-      - uses: actions/setup-node@v4
-        with:
-          node-version: lts/*
-
-      - name: Install dependencies
-        uses: ./.github/workflows/actions/yarn-install
-
-      - name: Install Playwright Browsers
-        run: yarn playwright install --with-deps
-
-      - name: Run Playwright tests
-        id: test
-        run: yarn playwright test --grep "@demo-only"
-
-      - name: Upload report after tests
-        uses: actions/upload-artifact@v4
-        with:
-          name: playwright-report
-          path: playwright-report/
-          retention-days: 90
-
-      - name: Send Discord notification
-        env:
-          DISCORD_WEBHOOK: ${{ secrets.DISCORD_WEBHOOK }}
-        uses: Ilshidur/action-discord@0.3.2
-        with:
-          args: 'Demo check ${{ steps.test.outcome }} - check ${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}'
-
-      - name: Send email if demo is not working
-        if: steps.test.outcome == 'failure'
-        uses: dawidd6/action-send-mail@v3.12.0
-        with:
-          connection_url: ${{ secrets.MAIL_CONNECTION }}
-          server_address: smtp.gmail.com
-          server_port: 465
-          secure: true
-          username: ${{ secrets.MAIL_USERNAME }}
-          subject: 'Demo is not working'
-          from: 'Github CI Demo check'
-          to: ${{ secrets.RECIPIENTS }}
-          body: '<a href="${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}">Link</a>'
-          priority: high

.github/workflows/ci-e2e.yaml

@@ -1,133 +0,0 @@
-name: CI E2E Playwright Tests
-on:
-  push:
-    branches:
-      - main
-  pull_request:
-    types: [opened, synchronize, reopened, labeled]
-
-concurrency:
-  group: ${{ github.workflow }}-${{ github.ref }}
-  cancel-in-progress: true
-
-jobs:
-  changed-files-check:
-    uses: ./.github/workflows/changed-files.yaml
-    with:
-      files: |
-          packages/**
-          playwright.config.ts
-          .github/workflows/ci-e2e.yaml
-  test:
-    runs-on: ubuntu-latest
-    needs: changed-files-check
-    if: needs.changed-files-check.outputs.any_changed == 'true' && ( github.event_name == 'push' || (github.event_name == 'pull_request' && contains(github.event.pull_request.labels.*.name, 'run-e2e')))
-    timeout-minutes: 30
-    env:
-      NX_REJECT_UNKNOWN_LOCAL_CACHE: 0
-      # https://github.com/actions/runner-images/issues/70#issuecomment-589562148
-      NODE_OPTIONS: "--max-old-space-size=10240"
-    services:
-      postgres:
-        image: twentycrm/twenty-postgres-spilo
-        env:
-          PGUSER_SUPERUSER: postgres
-          PGPASSWORD_SUPERUSER: postgres
-          ALLOW_NOSSL: "true"
-          SPILO_PROVIDER: "local"
-        ports:
-          - 5432:5432
-        options: >-
-          --health-cmd pg_isready
-          --health-interval 10s
-          --health-timeout 5s
-          --health-retries 5
-      redis:
-        image: redis
-        ports:
-          - 6379:6379
-    steps:
-    - uses: actions/checkout@v4
-      with:
-        fetch-depth: 0
-    - uses: actions/setup-node@v4
-      with:
-        node-version: lts/*
-
-    - name: Check system resources
-      run: |
-        echo "Available memory:"
-        free -h
-        echo "Available disk space:"
-        df -h
-        echo "CPU info:"
-        lscpu
-
-    - name: Install dependencies
-      uses: ./.github/workflows/actions/yarn-install
-
-    - name: Build twenty-shared
-      run: npx nx build twenty-shared
-
-    - name: Install Playwright Browsers
-      run: npx nx setup twenty-e2e-testing
-
-    - name: Setup environment files
-      run: |
-        cp packages/twenty-front/.env.example packages/twenty-front/.env
-        npx nx reset:env twenty-server
-
-    - name: Build frontend
-      run: NODE_ENV=production NODE_OPTIONS="--max-old-space-size=10240" npx nx build twenty-front
-
-    - name: Build server
-      run: npx nx build twenty-server
-
-    - name: Create and setup database
-      run: |
-        PGPASSWORD=postgres psql -h localhost -p 5432 -U postgres -d postgres -c 'CREATE DATABASE "default";'
-        PGPASSWORD=postgres psql -h localhost -p 5432 -U postgres -d postgres -c 'CREATE DATABASE "test";'
-        npx nx run twenty-server:database:reset
-
-    - name: Start server
-      run: |
-        npx nx start twenty-server &
-        echo "Waiting for server to be ready..."
-        timeout 60 bash -c 'until curl -s http://localhost:3000/health; do sleep 2; done'
-
-    - name: Start frontend
-      run: |
-        npm_config_yes=true npx serve -s packages/twenty-front/build -l 3001 &
-        echo "Waiting for frontend to be ready..."
-        timeout 60 bash -c 'until curl -s http://localhost:3001; do sleep 2; done'
-        
-    - name: Start worker
-      run: |
-        npx nx run twenty-server:worker &
-        echo "Worker started"
-
-    - name: Run Playwright tests
-      run: npx nx test twenty-e2e-testing
-
-    - uses: actions/upload-artifact@v4
-      if: always()
-      with:
-        name: playwright-report
-        path: packages/twenty-e2e-testing/run_results/
-        retention-days: 30
-
-    - uses: actions/upload-artifact@v4
-      if: always()
-      with:
-        name: playwright-report
-        path: packages/twenty-e2e-testing/playwright-report/
-        retention-days: 30
-  ci-e2e-status-check:
-      if: always() && !cancelled()
-      timeout-minutes: 1
-      runs-on: ubuntu-latest
-      needs: [changed-files-check, test]
-      steps:
-        - name: Fail job if any needs failed
-          if: contains(needs.*.result, 'failure')
-          run: exit 1

.github/workflows/ci-front.yaml

@@ -3,30 +3,16 @@ on:
   push:
     branches:
       - main
-
+    
   pull_request:
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
   cancel-in-progress: true
 
-env:
-  STORYBOOK_BUILD_CACHE_KEY: storybook-build-depot-ubuntu-24.04-8-runner
-
 jobs:
-  changed-files-check:
-    uses: ./.github/workflows/changed-files.yaml
-    with:
-      files: |
-        package.json
-        packages/twenty-front/**
-        packages/twenty-ui/**
-        packages/twenty-shared/**
   front-sb-build:
-    needs: [changed-files-check]
-    if: needs.changed-files-check.outputs.any_changed == 'true'
-    timeout-minutes: 30
-    runs-on: depot-ubuntu-24.04-8
+    runs-on: ubuntu-latest
     env:
       REACT_APP_SERVER_BASE_URL: http://localhost:3000
       NX_REJECT_UNKNOWN_LOCAL_CACHE: 0
@@ -39,34 +25,46 @@ jobs:
         uses: actions/checkout@v4
         with:
           fetch-depth: 0
+
+      - name: Check for changed files
+        id: changed-files
+        uses: tj-actions/changed-files@v11
+        with:
+          files: |
+            package.json
+            packages/twenty-front/**
+            packages/twenty-ui/**
+
+      - name: Skip if no relevant changes
+        if: steps.changed-files.outputs.any_changed == 'false'
+        run: echo "No relevant changes. Skipping CI."
+
       - name: Install dependencies
+        if: steps.changed-files.outputs.any_changed == 'true' 
         uses: ./.github/workflows/actions/yarn-install
       - name: Diagnostic disk space issue
+        if: steps.changed-files.outputs.any_changed == 'true'
         run: df -h
-      - name: Restore storybook build cache
-        id: restore-storybook-build-cache
-        uses: ./.github/workflows/actions/restore-cache
+      - name: Front / Restore Storybook Task Cache
+        if: steps.changed-files.outputs.any_changed == 'true'
+        uses: ./.github/workflows/actions/task-cache
         with:
-          key: ${{ env.STORYBOOK_BUILD_CACHE_KEY }}
+          tag: scope:frontend
+          tasks: storybook:build
       - name: Front / Write .env
+        if: steps.changed-files.outputs.any_changed == 'true'
         run: npx nx reset:env twenty-front
       - name: Front / Build storybook
+        if: steps.changed-files.outputs.any_changed == 'true'
         run: npx nx storybook:build twenty-front
-      - name: Save storybook build cache
-        uses: ./.github/workflows/actions/save-cache
-        with:
-          key: ${{ steps.restore-storybook-build-cache.outputs.cache-primary-key }}
   front-sb-test:
-    timeout-minutes: 30
-    runs-on: depot-ubuntu-24.04-8
+    runs-on: shipfox-8vcpu-ubuntu-2204
+    timeout-minutes: 60
     needs: front-sb-build
     strategy:
-      fail-fast: false
       matrix:
-        shard: [1, 2, 3, 4]
-        storybook_scope: [modules, pages, performance]
+        storybook_scope: [pages, modules]
     env:
-      SHARD_COUNTER: 4
       REACT_APP_SERVER_BASE_URL: http://localhost:3000
       NX_REJECT_UNKNOWN_LOCAL_CACHE: 0
     steps:
@@ -74,57 +72,72 @@ jobs:
         uses: actions/checkout@v4
         with:
           fetch-depth: 0
+      - name: Check for changed files
+        id: changed-files
+        uses: tj-actions/changed-files@v11
+        with:
+          files: |
+            packages/twenty-front/**  
+      - name: Skip if no relevant changes
+        if: steps.changed-files.outputs.any_changed == 'false'
+        run: echo "No relevant changes. Skipping CI." 
+
       - name: Install dependencies
+        if: steps.changed-files.outputs.any_changed == 'true'
         uses: ./.github/workflows/actions/yarn-install
       - name: Install Playwright
+        if: steps.changed-files.outputs.any_changed == 'true'
         run: cd packages/twenty-front && npx playwright install
-      - name: Restore storybook build cache
-        uses: ./.github/workflows/actions/restore-cache
+      - name: Front / Restore Storybook Task Cache
+        if: steps.changed-files.outputs.any_changed == 'true'
+        uses: ./.github/workflows/actions/task-cache
         with:
-          key: ${{ env.STORYBOOK_BUILD_CACHE_KEY }}
+          tag: scope:frontend
+          tasks: storybook:build
       - name: Front / Write .env
+        if: steps.changed-files.outputs.any_changed == 'true'
         run: npx nx reset:env twenty-front
       - name: Run storybook tests
-        run: npx nx storybook:serve-and-test:static twenty-front --configuration=${{ matrix.storybook_scope }} --shard=${{ matrix.shard }}/${{ env.SHARD_COUNTER }} --checkCoverage=false
-      - name: Rename coverage file
-        run: mv packages/twenty-front/coverage/storybook/coverage-storybook.json packages/twenty-front/coverage/storybook/coverage-shard-${{matrix.shard}}.json
-      - name: Upload coverage artifact
-        uses: actions/upload-artifact@v4
-        with:
-          retention-days: 1
-          name: coverage-artifacts-${{ matrix.storybook_scope }}-${{ github.run_id }}-${{ matrix.shard }}
-          path: packages/twenty-front/coverage/storybook/coverage-shard-${{matrix.shard}}.json
-  merge-reports-and-check-coverage:
-    timeout-minutes: 30
-    runs-on: depot-ubuntu-24.04-8
-    needs: front-sb-test
+        if: steps.changed-files.outputs.any_changed == 'true'
+        run: npx nx storybook:serve-and-test:static twenty-front --configuration=${{ matrix.storybook_scope }}
+  front-sb-test-performance:
+    runs-on: shipfox-8vcpu-ubuntu-2204
+    timeout-minutes: 60
     env:
-      PATH_TO_COVERAGE: packages/twenty-front/coverage/storybook
-    strategy:
-      matrix:
-        storybook_scope: [modules, pages, performance]
+      REACT_APP_SERVER_BASE_URL: http://localhost:3000
+      NX_REJECT_UNKNOWN_LOCAL_CACHE: 0
     steps:
-      - uses: actions/checkout@v4
+      - name: Fetch local actions
+        uses: actions/checkout@v4
         with:
           fetch-depth: 0
-      - name: Install dependencies
-        uses: ./.github/workflows/actions/yarn-install
-      - uses: actions/download-artifact@v4
+      - name: Check for changed files
+        id: changed-files
+        uses: tj-actions/changed-files@v11
         with:
-          pattern: coverage-artifacts-${{ matrix.storybook_scope }}-${{ github.run_id }}-*
-          merge-multiple: true
-          path: coverage-artifacts
-      - name: Merge coverage reports
-        run: |
-          mkdir -p ${{ env.PATH_TO_COVERAGE }}
-          npx nyc merge coverage-artifacts ${{ env.PATH_TO_COVERAGE }}/coverage-storybook.json
-      - name: Checking coverage
-        run: npx nx storybook:coverage twenty-front --checkCoverage=true --configuration=${{ matrix.storybook_scope }}
+          files: |
+            packages/twenty-front/**
+
+      - name: Skip if no relevant changes
+        if: steps.changed-files.outputs.any_changed == 'false'
+        run: echo "No relevant changes. Skipping CI."
+
+      - name: Install dependencies
+        if: steps.changed-files.outputs.any_changed == 'true'
+        uses: ./.github/workflows/actions/yarn-install
+      - name: Install Playwright
+        if: steps.changed-files.outputs.any_changed == 'true'
+        run: cd packages/twenty-front && npx playwright install
+      - name: Front / Write .env
+        if: steps.changed-files.outputs.any_changed == 'true'
+        run: npx nx reset:env twenty-front
+      - name: Run storybook tests
+        if: steps.changed-files.outputs.any_changed == 'true'
+        run: npx nx run twenty-front:storybook:serve-and-test:static:performance
   front-chromatic-deployment:
-    timeout-minutes: 30
     if: contains(github.event.pull_request.labels.*.name, 'run-chromatic') || github.event_name == 'push'
     needs: front-sb-build
-    runs-on: depot-ubuntu-24.04-8
+    runs-on: ubuntu-latest
     env:
       REACT_APP_SERVER_BASE_URL: http://127.0.0.1:3000
       CHROMATIC_PROJECT_TOKEN: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
@@ -133,27 +146,40 @@ jobs:
       - uses: actions/checkout@v4
         with:
           fetch-depth: 0
-      - name: Install dependencies
-        uses: ./.github/workflows/actions/yarn-install
-      - name: Restore storybook build cache
-        uses: ./.github/workflows/actions/restore-cache
+
+      - name: Check for changed files
+        id: changed-files
+        uses: tj-actions/changed-files@v11
         with:
-          key: ${{ env.STORYBOOK_BUILD_CACHE_KEY }}
+          files: |
+            packages/twenty-front/**
+
+      - name: Skip if no relevant changes
+        if: steps.changed-files.outputs.any_changed == 'false'
+        run: echo "No relevant changes. Skipping CI."
+
+      - name: Install dependencies
+        if: steps.changed-files.outputs.any_changed == 'true'
+        uses: ./.github/workflows/actions/yarn-install
+      - name: Front / Restore Storybook Task Cache
+        if: steps.changed-files.outputs.any_changed == 'true'
+        uses: ./.github/workflows/actions/task-cache
+        with:
+          tag: scope:frontend
+          tasks: storybook:build
       - name: Front / Write .env
+        if: steps.changed-files.outputs.any_changed == 'true'
         run: |
           cd packages/twenty-front
           touch .env
           echo "REACT_APP_SERVER_BASE_URL: $REACT_APP_SERVER_BASE_URL" >> .env
       - name: Publish to Chromatic
+        if: steps.changed-files.outputs.any_changed == 'true'
         run: npx nx run twenty-front:chromatic:ci
   front-task:
-    needs: changed-files-check
-    if: needs.changed-files-check.outputs.any_changed == 'true'
-    timeout-minutes: 30
-    runs-on: depot-ubuntu-24.04-8
+    runs-on: ubuntu-latest
     env:
       NX_REJECT_UNKNOWN_LOCAL_CACHE: 0
-      TASK_CACHE_KEY: front-task-${{ matrix.task }}
     strategy:
       matrix:
         task: [lint, typecheck, test]
@@ -166,41 +192,35 @@ jobs:
         uses: actions/checkout@v4
         with:
           fetch-depth: 0
-      - name: Install dependencies
-        uses: ./.github/workflows/actions/yarn-install
-      - name: Restore ${{ matrix.task }} cache
-        id: restore-task-cache
-        uses: ./.github/workflows/actions/restore-cache
+      - name: Check for changed files
+        id: changed-files
+        uses: tj-actions/changed-files@v11
         with:
-          key: ${{ env.TASK_CACHE_KEY }}
+          files: |
+            packages/twenty-front/**
+
+      - name: Skip if no relevant changes
+        if: steps.changed-files.outputs.any_changed == 'false'
+        run: echo "No relevant changes. Skipping CI."
+
+      - name: Install dependencies
+        if: steps.changed-files.outputs.any_changed == 'true'
+        uses: ./.github/workflows/actions/yarn-install
+      - name: Front / Restore ${{ matrix.task }} task cache
+        if: steps.changed-files.outputs.any_changed == 'true'
+        uses: ./.github/workflows/actions/task-cache
+        with:
+          tag: scope:frontend
+          tasks: ${{ matrix.task }}
       - name: Reset .env
+        if: steps.changed-files.outputs.any_changed == 'true'
         uses: ./.github/workflows/actions/nx-affected
         with:
           tag: scope:frontend
           tasks: reset:env
       - name: Run ${{ matrix.task }} task
+        if: steps.changed-files.outputs.any_changed == 'true'
         uses: ./.github/workflows/actions/nx-affected
         with:
           tag: scope:frontend
           tasks: ${{ matrix.task }}
-      - name: Save ${{ matrix.task }} cache
-        uses: ./.github/workflows/actions/save-cache
-        with:
-          key: ${{ steps.restore-task-cache.outputs.cache-primary-key }}
-  ci-front-status-check:
-    if: always() && !cancelled()
-    timeout-minutes: 1
-    runs-on: depot-ubuntu-24.04-8
-    needs:
-      [
-        changed-files-check,
-        front-task,
-        front-chromatic-deployment,
-        merge-reports-and-check-coverage,
-        front-sb-test,
-        front-sb-build,
-      ]
-    steps:
-      - name: Fail job if any needs failed
-        if: contains(needs.*.result, 'failure')
-        run: exit 1

.github/workflows/ci-release-create.yaml

@@ -15,7 +15,6 @@ on:
 
 jobs:
   create_pr:
-    timeout-minutes: 10
     runs-on: ubuntu-latest
     steps:
       - name: Checkout

.github/workflows/ci-release-merge.yaml

@@ -6,7 +6,6 @@ on:
 
 jobs:
   tag_and_release:
-    timeout-minutes: 10
     runs-on: ubuntu-latest
     if: github.event.pull_request.merged == true && contains(github.event.pull_request.labels.*.name, 'release')
     steps:

.github/workflows/ci-server.yaml

@@ -5,45 +5,24 @@ on:
       - main
 
   pull_request:
-
+   
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
   cancel-in-progress: true
 
-env:
-  SERVER_SETUP_CACHE_KEY: server-setup
-
 jobs:
-  changed-files-check:
-    uses: ./.github/workflows/changed-files.yaml
-    with:
-      files: |
-        package.json
-        packages/twenty-server/**
-        packages/twenty-emails/**
-        packages/twenty-shared/**
   server-setup:
-    needs: changed-files-check
-    if: needs.changed-files-check.outputs.any_changed == 'true'
-    timeout-minutes: 30
-    runs-on: depot-ubuntu-24.04-8
+    runs-on: ubuntu-latest
     env:
       NX_REJECT_UNKNOWN_LOCAL_CACHE: 0
     services:
       postgres:
-        image: twentycrm/twenty-postgres-spilo
+        image: twentycrm/twenty-postgres
         env:
-          PGUSER_SUPERUSER: postgres
-          PGPASSWORD_SUPERUSER: postgres
-          ALLOW_NOSSL: 'true'
-          SPILO_PROVIDER: 'local'
+          POSTGRES_PASSWORD: postgres
+          POSTGRES_USER: postgres
         ports:
           - 5432:5432
-        options: >-
-          --health-cmd pg_isready
-          --health-interval 10s
-          --health-timeout 5s
-          --health-retries 5
       redis:
         image: redis
         ports:
@@ -53,79 +32,42 @@ jobs:
         uses: actions/checkout@v4
         with:
           fetch-depth: 0
-      - name: Install dependencies
-        uses: ./.github/workflows/actions/yarn-install
-      - name: Restore server setup
-        id: restore-server-setup-cache
-        uses: ./.github/workflows/actions/restore-cache
+
+      - name: Check for changed files
+        id: changed-files
+        uses: tj-actions/changed-files@v11
         with:
-          key: ${{ env.SERVER_SETUP_CACHE_KEY }}
-      - name: Build twenty-shared
-        run: npx nx build twenty-shared
+          files: |
+            package.json
+            packages/twenty-server/**
+            packages/twenty-emails/**
+
+      - name: Install dependencies
+        if: steps.changed-files.outputs.any_changed == 'true'
+        uses: ./.github/workflows/actions/yarn-install
+      - name: Server / Restore Task Cache
+        if: steps.changed-files.outputs.any_changed == 'true'
+        uses: ./.github/workflows/actions/task-cache
+        with:
+          tag: scope:backend
       - name: Server / Run lint & typecheck
+        if: steps.changed-files.outputs.any_changed == 'true'
         uses: ./.github/workflows/actions/nx-affected
         with:
           tag: scope:backend
           tasks: lint,typecheck
       - name: Server / Build
+        if: steps.changed-files.outputs.any_changed == 'true'
         run: npx nx build twenty-server
       - name: Server / Write .env
-        run: npx nx reset:env twenty-server
-      - name: Server / Create DB
-        run: |
-          PGPASSWORD=postgres psql -h localhost -p 5432 -U postgres -d postgres -c 'CREATE DATABASE "default";'
-          PGPASSWORD=postgres psql -h localhost -p 5432 -U postgres -d postgres -c 'CREATE DATABASE "test";'
-          npx nx run twenty-server:database:init:prod
-          npx nx run twenty-server:database:migrate:prod
-      - name: Worker / Run
-        run: |
-          timeout 30s npx nx run twenty-server:worker || exit_code=$?
-          if [ $exit_code -eq 124 ]; then
-            # If timeout was reached (exit code 124), consider it a success
-            exit 0
-          elif [ $exit_code -ne 0 ]; then
-            # If worker failed for other reasons, fail the build
-            exit $exit_code
-          fi
-      - name: Server / Check for Pending Migrations
-        run: |
-          METADATA_MIGRATION_OUTPUT=$(npx nx run twenty-server:typeorm migration:generate metadata-migration-check -d src/database/typeorm/metadata/metadata.datasource.ts || true)
-
-          CORE_MIGRATION_OUTPUT=$(npx nx run twenty-server:typeorm migration:generate core-migration-check -d src/database/typeorm/core/core.datasource.ts || true)
-
-          METADATA_MIGRATION_FILE=$(ls packages/twenty-server/*metadata-migration-check.ts 2>/dev/null || echo "")
-          CORE_MIGRATION_FILE=$(ls packages/twenty-server/*core-migration-check.ts 2>/dev/null || echo "")
-
-          if [ -n "$METADATA_MIGRATION_FILE" ] || [ -n "$CORE_MIGRATION_FILE" ]; then
-            echo "::error::Unexpected migration files were generated. Please create a proper migration manually."
-            echo "$METADATA_MIGRATION_OUTPUT"
-            echo "$CORE_MIGRATION_OUTPUT"
-
-            rm -f packages/twenty-server/*metadata-migration-check.ts packages/twenty-server/*core-migration-check.ts
-            
-            exit 1
-          fi
-      - name: GraphQL / Check for Pending Generation
         if: steps.changed-files.outputs.any_changed == 'true'
-        run: |
-          GRAPHQL_GENERATE_OUTPUT=$(npx nx run twenty-front:graphql:generate || true)
-          GRAPHQL_METADATA_OUTPUT=$(npx nx run twenty-front:graphql:generate --configuration=metadata || true)
-          if [[ $GRAPHQL_GENERATE_OUTPUT == *"No changes detected"* && $GRAPHQL_METADATA_OUTPUT == *"No changes detected"* ]]; then
-            echo "GraphQL generation check passed."
-          else
-            echo "::error::Unexpected GraphQL changes detected. Please run the required commands and commit the changes."
-            echo "$GRAPHQL_GENERATE_OUTPUT"
-            echo "$GRAPHQL_METADATA_OUTPUT"
-            exit 1    
-          fi
-      - name: Save server setup
-        uses: ./.github/workflows/actions/save-cache
-        with:
-          key: ${{ steps.restore-server-setup-cache.outputs.cache-primary-key }}
+        run: npx nx reset:env twenty-server
+      - name: Worker / Run
+        if: steps.changed-files.outputs.any_changed == 'true'
+        run: npx nx run twenty-server:worker:ci
 
   server-test:
-    timeout-minutes: 30
-    runs-on: depot-ubuntu-24.04-8
+    runs-on: ubuntu-latest
     needs: server-setup
     env:
       NX_REJECT_UNKNOWN_LOCAL_CACHE: 0
@@ -134,37 +76,42 @@ jobs:
         uses: actions/checkout@v4
         with:
           fetch-depth: 0
-      - name: Install dependencies
-        uses: ./.github/workflows/actions/yarn-install
-      - name: Restore server setup
-        uses: ./.github/workflows/actions/restore-cache
+
+      - name: Check for changed files
+        id: changed-files
+        uses: tj-actions/changed-files@v11
         with:
-          key: ${{ env.SERVER_SETUP_CACHE_KEY }}
-      - name: Server / Run Tests
+          files: |
+            package.json
+            packages/twenty-server/**
+            packages/twenty-emails/**
+
+      - name: Install dependencies
+        if: steps.changed-files.outputs.any_changed == 'true'
+        uses: ./.github/workflows/actions/yarn-install
+      - name: Server / Restore Task Cache
+        if: steps.changed-files.outputs.any_changed == 'true'
+        uses: ./.github/workflows/actions/task-cache
+        with:
+          tag: scope:backend
+      - name:  Server / Run Tests
+        if: steps.changed-files.outputs.any_changed == 'true'
         uses: ./.github/workflows/actions/nx-affected
         with:
           tag: scope:backend
           tasks: test
 
   server-integration-test:
-    timeout-minutes: 30
-    runs-on: depot-ubuntu-24.04-8
+    runs-on: ubuntu-latest
     needs: server-setup
     services:
       postgres:
-        image: twentycrm/twenty-postgres-spilo
+        image: twentycrm/twenty-postgres
         env:
-          PGUSER_SUPERUSER: postgres
-          PGPASSWORD_SUPERUSER: postgres
-          ALLOW_NOSSL: 'true'
-          SPILO_PROVIDER: 'local'
+          POSTGRES_PASSWORD: postgres
+          POSTGRES_USER: postgres
         ports:
           - 5432:5432
-        options: >-
-          --health-cmd pg_isready
-          --health-interval 10s
-          --health-timeout 5s
-          --health-retries 5
       redis:
         image: redis
         ports:
@@ -176,46 +123,33 @@ jobs:
         uses: actions/checkout@v4
         with:
           fetch-depth: 0
-      - name: Install dependencies
-        uses: ./.github/workflows/actions/yarn-install
-      - name: Update .env.test for billing
-        run: |
-          echo "IS_BILLING_ENABLED=true" >> .env.test
-          echo "BILLING_STRIPE_API_KEY=test-api-key" >> .env.test
-          echo "BILLING_STRIPE_BASE_PLAN_PRODUCT_ID=test-base-plan-product-id" >> .env.test
-          echo "BILLING_STRIPE_WEBHOOK_SECRET=test-webhook-secret" >> .env.test
-      - name: Restore server setup
-        uses: ./.github/workflows/actions/restore-cache
+
+      - name: Check for changed files
+        id: changed-files
+        uses: tj-actions/changed-files@v11
         with:
-          key: ${{ env.SERVER_SETUP_CACHE_KEY }}
-      - name: Server / Build
-        run: npx nx build twenty-server
-      - name: Build dependencies
-        run: |
-          npx nx build twenty-shared
-          npx nx build twenty-emails
-      - name: Server / Create Test DB
-        env:
-          NODE_ENV: test
-        run: |
-          PGPASSWORD=postgres psql -h localhost -p 5432 -U postgres -d postgres -c 'CREATE DATABASE "test";'
+          files: |
+            package.json
+            packages/twenty-server/**
+            packages/twenty-emails/**
+
+      - name: Install dependencies
+        if: steps.changed-files.outputs.any_changed == 'true'
+        uses: ./.github/workflows/actions/yarn-install
+      - name: Server / Restore Task Cache
+        if: steps.changed-files.outputs.any_changed == 'true'
+        uses: ./.github/workflows/actions/task-cache
+        with:
+          tag: scope:backend
       - name: Server / Run Integration Tests
+        if: steps.changed-files.outputs.any_changed == 'true'
         uses: ./.github/workflows/actions/nx-affected
         with:
           tag: scope:backend
-          tasks: 'test:integration:with-db-reset'
+          tasks: "test:integration"
       - name: Server / Upload reset-logs file
         if: always()
         uses: actions/upload-artifact@v4
         with:
           name: reset-logs
           path: reset-logs.log
-  ci-server-status-check:
-    if: always() && !cancelled()
-    timeout-minutes: 1
-    runs-on: depot-ubuntu-24.04-8
-    needs: [changed-files-check, server-setup, server-test, server-integration-test]
-    steps:
-      - name: Fail job if any needs failed 
-        if: contains(needs.*.result, 'failure')
-        run: exit 1

.github/workflows/ci-shared.yaml

@@ -1,53 +0,0 @@
-name: CI Shared
-on:
-  push:
-    branches:
-      - main
-
-  pull_request:
-
-concurrency:
-  group: ${{ github.workflow }}-${{ github.ref }}
-  cancel-in-progress: true
-
-jobs:
-  changed-files-check:
-    uses: ./.github/workflows/changed-files.yaml
-    with:
-      files: |
-        packages/twenty-shared/**
-  shared-test:
-    needs: changed-files-check
-    if: needs.changed-files-check.outputs.any_changed == 'true'
-    timeout-minutes: 30
-    runs-on: ubuntu-latest
-    env:
-      NX_REJECT_UNKNOWN_LOCAL_CACHE: 0
-    strategy:
-      matrix:
-        task: [lint, typecheck, test]
-    steps:
-      - name: Cancel Previous Runs
-        uses: styfle/cancel-workflow-action@0.11.0
-        with:
-          access_token: ${{ github.token }}
-      - name: Fetch custom Github Actions and base branch history
-        uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
-      - name: Install dependencies
-        uses: ./.github/workflows/actions/yarn-install
-      - name: Run ${{ matrix.task }} task
-        uses: ./.github/workflows/actions/nx-affected
-        with:
-          tag: scope:frontend
-          tasks: ${{ matrix.task }}
-  ci-shared-status-check:
-    if: always() && !cancelled()
-    timeout-minutes: 1
-    runs-on: ubuntu-latest
-    needs: [changed-files-check, shared-test]
-    steps:
-      - name: Fail job if any needs failed
-        if: contains(needs.*.result, 'failure')
-        run: exit 1

.github/workflows/ci-test-docker-compose.yaml

@@ -1,97 +1,66 @@
 name: 'Test Docker Compose'
 on:
   pull_request:
-
+   
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
   cancel-in-progress: true
 
 jobs:
-  changed-files-check:
-    uses: ./.github/workflows/changed-files.yaml
-    with:
-      files: |
-        packages/twenty-docker/**
-        docker-compose.yml
   test:
-    needs: changed-files-check
-    if: needs.changed-files-check.outputs.any_changed == 'true'
-    timeout-minutes: 30
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-      - name: Run compose
-        run: |
-          echo "Patching docker-compose.yml..."
-          # change image to localbuild using yq
-          yq eval 'del(.services.server.image)' -i docker-compose.yml
-          yq eval '.services.server.build.context = "../../"' -i docker-compose.yml
-          yq eval '.services.server.build.dockerfile = "./packages/twenty-docker/twenty/Dockerfile"' -i docker-compose.yml
-          yq eval '.services.server.restart = "no"' -i docker-compose.yml
+    - name: Checkout
+      uses: actions/checkout@v2
+    - name: Check for changed files
+      id: changed-files
+      uses: tj-actions/changed-files@v11
+      with:
+          files: |
+            packages/twenty-docker/**
+            docker-compose.yml
+    - name: Skip if no relevant changes
+      if: steps.changed-files.outputs.any_changed != 'true'
+      run: echo "No relevant changes detected. Marking as valid."
 
-          yq eval 'del(.services.db.image)' -i docker-compose.yml
-          yq eval '.services.db.build.context = "../../"' -i docker-compose.yml
-          yq eval '.services.db.build.dockerfile = "./packages/twenty-docker/twenty-postgres-spilo/Dockerfile"' -i docker-compose.yml
+    - name: Run compose
+      if: steps.changed-files.outputs.any_changed == 'true'
+      run: |
+        echo "Patching docker-compose.yml..."
+        # change image to localbuild using yq
+        yq eval 'del(.services.server.image)' -i docker-compose.yml
+        yq eval '.services.server.build.context = "../../"' -i docker-compose.yml
+        yq eval '.services.server.build.dockerfile = "./packages/twenty-docker/twenty/Dockerfile"' -i docker-compose.yml
+        yq eval '.services.server.restart = "no"' -i docker-compose.yml
 
-          echo "Setting up .env file..."
-          cp .env.example .env
-          echo "Generating secrets..."
-          echo "# === Randomly generated secrets ===" >>.env
-          echo "APP_SECRET=$(openssl rand -base64 32)" >>.env
-          echo "PGPASSWORD_SUPERUSER=$(openssl rand -hex 16)" >>.env
+        yq eval 'del(.services.db.image)' -i docker-compose.yml
+        yq eval '.services.db.build.context = "../../"' -i docker-compose.yml
+        yq eval '.services.db.build.dockerfile = "./packages/twenty-docker/twenty-postgres/Dockerfile"' -i docker-compose.yml
 
-          echo "Docker compose up..."
-          docker compose up -d || {
-              echo "Docker compose failed to start"
-              docker compose logs
-              exit 1
-          }
-          docker compose logs db server -f &
-          pid=$!
+        echo "Setting up .env file..."
+        cp .env.example .env
+        echo "Generating secrets..."
+        echo "# === Randomly generated secrets ===" >>.env
+        echo "APP_SECRET=$(openssl rand -base64 32)" >>.env
+        echo "POSTGRES_ADMIN_PASSWORD=$(openssl rand -base64 32)" >>.env
 
-          echo "Waiting for database to start..."
-          count=0
-          while [ ! $(docker inspect --format='{{.State.Health.Status}}' twenty-db-1) = "healthy" ]; do
-              sleep 1;
-              count=$((count+1));
-              if [ $(docker inspect --format='{{.State.Status}}' twenty-db-1) = "exited" ]; then
-                  echo "Database exited"
-                  docker compose logs db
-                  exit 1
-              fi
-              if [ $count -gt 300 ]; then
-                  echo "Failed to start database after 5 minutes"
-                  docker compose logs db
-                  exit 1
-              fi
-              echo "Still waiting for database... (${count}/60)"
-          done
+        echo "Starting server..."
+        docker compose up -d
+        docker compose logs db server -f &
+        pid=$!
 
-          echo "Waiting for server to start..."
-          count=0
-          while [ ! $(docker inspect --format='{{.State.Health.Status}}' twenty-server-1) = "healthy" ]; do
-              sleep 1;
-              count=$((count+1));
-              if [ $(docker inspect --format='{{.State.Status}}' twenty-server-1) = "exited" ]; then
-                  echo "Server exited"
-                  docker compose logs server
-                  exit 1
-              fi
-              if [ $count -gt 300 ]; then
-                  echo "Failed to start server after 5 minutes"
-                  docker compose logs server
-                  exit 1
-              fi
-              echo "Still waiting for server... (${count}/300s)"
-          done
-        working-directory: ./packages/twenty-docker/
-  ci-test-docker-compose-status-check:
-    if: always() && !cancelled()
-    timeout-minutes: 1
-    runs-on: ubuntu-latest
-    needs: [changed-files-check, test]
-    steps:
-      - name: Fail job if any needs failed
-        if: contains(needs.*.result, 'failure')
-        run: exit 1
+        echo "Waiting for server to start..."
+        count=0
+        while [ ! $(docker inspect --format='{{.State.Health.Status}}' twenty-server-1) = "healthy" ]; do
+            sleep 1;
+            count=$((count+1));
+            if [ $(docker inspect --format='{{.State.Status}}' twenty-server-1) = "exited" ]; then
+                echo "Server exited"
+                exit 1
+            fi
+            if [ $count -gt 300 ]; then
+                echo "Failed to start server"
+                exit 1
+            fi
+        done
+      working-directory: ./packages/twenty-docker/

.github/workflows/ci-tinybird.yaml

@@ -3,14 +3,8 @@ on:
   push:
     branches:
       - main
-    paths:
-      - 'package.json'
-      - 'packages/twenty-tinybird/**'
 
   pull_request:
-    paths:
-      - 'package.json'
-      - 'packages/twenty-tinybird/**'
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
@@ -18,9 +12,23 @@ concurrency:
 
 jobs:
   ci:
-    uses: tinybirdco/ci/.github/workflows/ci.yml@main
-    with:
-      data_project_dir: packages/twenty-tinybird
-    secrets:
-      tb_admin_token: ${{ secrets.TB_ADMIN_TOKEN }}
-      tb_host: https://api.eu-central-1.aws.tinybird.co
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check for changed files
+        id: changed-files
+        uses: tj-actions/changed-files@v11
+        with:
+          files: |
+            package.json
+            packages/twenty-tinybird/**
+
+      - name: Skip if no relevant changes
+        if: steps.changed-files.outputs.any_changed == 'false'
+        run: echo "No relevant changes. Skipping CI."
+
+      - name: Check twenty-tinybird package
+        uses: tinybirdco/ci/.github/workflows/ci.yml@main
+        with:
+          data_project_dir: packages/twenty-tinybird
+          tb_admin_token: ${{ secrets.TB_ADMIN_TOKEN }}
+          tb_host: https://api.eu-central-1.aws.tinybird.co

.github/workflows/ci-utils.yaml

@@ -15,13 +15,10 @@ permissions:
   statuses: write
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
-  # We don't cancel in-progress because this workflow is triggered on
-  # pull_request_target, which means the ref can be the same accross two PRs.
-  # cancel-in-progress: true
+  cancel-in-progress: true
 
 jobs:
   danger-js:
-    timeout-minutes: 3
     runs-on: ubuntu-latest
     if: github.event.action != 'closed'
     steps:
@@ -34,7 +31,6 @@ jobs:
           DANGER_GITHUB_API_TOKEN: ${{ github.token }}
   
   congratulate:
-    timeout-minutes: 3
     runs-on: ubuntu-latest
     if: github.event.action == 'closed' && github.event.pull_request.merged == true
     steps:

.github/workflows/ci-website.yaml

@@ -5,63 +5,48 @@ on:
       - main
 
   pull_request:
+    
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
   cancel-in-progress: true
 
 jobs:
-  changed-files-check:
-    uses: ./.github/workflows/changed-files.yaml
-    with:
-      files: |
-        package.json
-        packages/twenty-website/**
   website-build:
-    needs: changed-files-check
-    if: needs.changed-files-check.outputs.any_changed == 'true'
-    timeout-minutes: 3
     runs-on: ubuntu-latest
     services:
       postgres:
-        image: twentycrm/twenty-postgres-spilo
+        image: twentycrm/twenty-postgres
         env:
-          PGUSER_SUPERUSER: postgres
-          PGPASSWORD_SUPERUSER: postgres
-          ALLOW_NOSSL: 'true'
-          SPILO_PROVIDER: 'local'
+          POSTGRES_PASSWORD: twenty
+          POSTGRES_USER: twenty
         ports:
           - 5432:5432
-        options: >-
-          --health-cmd pg_isready
-          --health-interval 10s
-          --health-timeout 5s
-          --health-retries 5
     steps:
       - uses: actions/checkout@v4
         with:
           fetch-depth: 0
+      - name: Check for changed files
+        id: changed-files
+        uses: tj-actions/changed-files@v11
+        with:
+          files: 'package.json, packages/twenty-website/**'
 
       - name: Install dependencies
+        if: steps.changed-files.outputs.changed == 'true' 
         uses: ./.github/workflows/actions/yarn-install
 
-      - name: Server / Create DB
-        run: PGPASSWORD=postgres psql -h localhost -p 5432 -U postgres -d postgres -c 'CREATE DATABASE "default";'
-
       - name: Website / Run migrations
-        run: npx nx database:migrate twenty-website
+        if: steps.changed-files.outputs.changed == 'true' 
+        run: npx nx database:migrate twenty-website 
         env:
-          DATABASE_PG_URL: postgres://postgres:postgres@localhost:5432/default
+          DATABASE_PG_URL: postgres://twenty:twenty@localhost:5432/default
       - name: Website / Build Website
+        if: steps.changed-files.outputs.changed == 'true' 
         run: npx nx build twenty-website
         env:
-          DATABASE_PG_URL: postgres://postgres:postgres@localhost:5432/default
-  ci-website-status-check:
-    if: always() && !cancelled()
-    timeout-minutes: 1
-    runs-on: ubuntu-latest
-    needs: [changed-files-check, website-build]
-    steps:
-      - name: Fail job if any needs failed
-        if: contains(needs.*.result, 'failure')
-        run: exit 1
+          DATABASE_PG_URL: postgres://twenty:twenty@localhost:5432/default
+
+      - name: Mark as VALID
+        if: steps.changed-files.outputs.changed != 'true'  # If no changes, mark as valid
+        run: echo "No relevant changes detected. CI is valid."    

.github/workflows/i18n-pull.yaml

@@ -1,131 +0,0 @@
-# Pull down translations from Crowdin every two hours or when triggered manually.
-# When force_pull input is true, translations will be pulled regardless of compilation status.
-
-name: 'Pull translations from Crowdin'
-
-on:
-  schedule:
-    - cron: '0 */2 * * *' # Every two hours.
-  workflow_dispatch:
-    inputs:
-      force_pull:
-        description: 'Force pull translations regardless of compilation status'
-        required: false
-        type: boolean
-        default: false
-  workflow_call:
-    inputs:
-      force_pull:
-        description: 'Force pull translations regardless of compilation status'
-        required: false
-        type: boolean
-        default: false
-
-concurrency:
-  group: ${{ github.workflow }}-${{ github.head_ref || github.run_id }}
-  cancel-in-progress: true
-
-jobs:
-  pull_translations:
-    name: Pull translations
-    runs-on: ubuntu-latest
-    permissions:
-      contents: write
-      pull-requests: write
-
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-        with:
-          token: ${{ github.token }}
-          ref: ${{ github.head_ref || github.ref_name }}
-
-      - name: Setup i18n branch
-        run: |
-          git fetch origin i18n || true
-          git checkout -B i18n origin/i18n || git checkout -b i18n
-
-      - name: Install dependencies
-        uses: ./.github/workflows/actions/yarn-install
-
-      - name: Build twenty-shared
-        run: npx nx build twenty-shared
-
-      # Strict mode fails if there are missing translations.
-      - name: Compile translations
-        id: compile_translations_strict
-        run: |
-          npx nx run twenty-server:lingui:compile --strict
-          npx nx run twenty-emails:lingui:compile --strict
-          npx nx run twenty-front:lingui:compile --strict
-        continue-on-error: true
-
-      - name: Stash any changes before pulling translations
-        run: |
-          git config --global user.name 'github-actions'
-          git config --global user.email 'github-actions@twenty.com'
-          git add .
-          git stash
-
-      - name: Pull translations from Crowdin
-        if: inputs.force_pull || steps.compile_translations_strict.outcome == 'failure'
-        uses: crowdin/github-action@v2
-        with:
-          upload_sources: false
-          upload_translations: false
-          download_translations: true
-          export_only_approved: false
-          localization_branch_name: i18n
-          base_url: 'https://twenty.api.crowdin.com'
-          auto_approve_imported: false
-          import_eq_suggestions: false
-          download_sources: false
-          push_sources: false
-          skip_untranslated_strings: false
-          skip_untranslated_files: false
-          push_translations: true
-          create_pull_request: false
-          skip_ref_checkout: true
-          dryrun_action: false
-        env:
-          GITHUB_TOKEN: ${{ github.token }}
-          CROWDIN_PROJECT_ID: '1'
-          CROWDIN_PERSONAL_TOKEN: ${{ secrets.CROWDIN_PERSONAL_TOKEN }}
-      
-      # As the files are extracted from a Docker container, they belong to root:root
-      # We need to fix this before the next steps
-      - name: Fix file permissions
-        run: sudo chown -R runner:docker .
-
-      - name: Compile translations
-        id: compile_translations
-        if: inputs.force_pull || steps.compile_translations_strict.outcome == 'failure'
-        run: |
-          npx nx run twenty-server:lingui:compile
-          npx nx run twenty-emails:lingui:compile 
-          npx nx run twenty-front:lingui:compile
-          git status
-          git config --global user.name 'github-actions'
-          git config --global user.email 'github-actions@twenty.com'
-          git add .
-          if ! git diff --staged --quiet --exit-code; then
-            git commit -m "chore: compile translations"
-            echo "changes_detected=true" >> $GITHUB_OUTPUT
-          else
-            echo "changes_detected=false" >> $GITHUB_OUTPUT
-          fi
-
-      - name: Push changes
-        if: steps.compile_translations.outputs.changes_detected == 'true'
-        run: git push origin HEAD:i18n
-
-      - name: Create pull request
-        if: steps.compile_translations.outputs.changes_detected == 'true'
-        run: |
-          if git diff --name-only origin/main..HEAD | grep -q .; then
-            gh pr create -B main -H i18n --title 'i18n - translations' --body 'Created by Github action' || true
-          else
-            echo "No file differences between branches, skipping PR creation"
-          fi
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/i18n-push.yaml

@@ -1,104 +0,0 @@
-name: 'Push translations to Crowdin'
-
-on:
-  workflow_dispatch:
-  workflow_call:
-  push:
-    branches: ['main']
-
-concurrency:
-  group: ${{ github.workflow }}-${{ github.head_ref || github.run_id }}
-  cancel-in-progress: true
-
-jobs:
-  extract_translations:
-    name: Extract and upload translations
-    runs-on: ubuntu-latest
-    permissions:
-      contents: write
-      pull-requests: write
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-        with:
-          token: ${{ github.token }}
-          ref: main
-
-      - name: Setup i18n branch
-        run: |
-          git fetch origin i18n || true
-          git checkout -B i18n origin/i18n || git checkout -b i18n
-
-      - name: Install dependencies
-        uses: ./.github/workflows/actions/yarn-install
-
-      - name: Build dependencies
-        run: npx nx build twenty-shared
-
-      - name: Extract translations
-        run: |
-          npx nx run twenty-server:lingui:extract
-          npx nx run twenty-emails:lingui:extract
-          npx nx run twenty-front:lingui:extract
-
-      - name: Check and commit extracted files
-        id: check_extract_changes
-        run: |
-          git config --global user.name 'github-actions'
-          git config --global user.email 'github-actions@twenty.com'
-          git add .
-          if ! git diff --staged --quiet --exit-code; then
-            git commit -m "chore: extract translations"
-            echo "changes_detected=true" >> $GITHUB_OUTPUT
-          else
-            echo "changes_detected=false" >> $GITHUB_OUTPUT
-          fi
-
-      - name: Compile translations
-        run: |
-          npx nx run twenty-server:lingui:compile
-          npx nx run twenty-emails:lingui:compile
-          npx nx run twenty-front:lingui:compile
-
-      - name: Check and commit compiled files
-        id: check_compile_changes
-        run: |
-          git config --global user.name 'github-actions'
-          git config --global user.email 'github-actions@twenty.com'
-          git add .
-          if ! git diff --staged --quiet --exit-code; then
-            git commit -m "chore: compile translations"
-            echo "changes_detected=true" >> $GITHUB_OUTPUT
-          else
-            echo "changes_detected=false" >> $GITHUB_OUTPUT
-          fi
-
-      - name: Push changes and create remote branch if needed
-        if: steps.check_extract_changes.outputs.changes_detected == 'true' || steps.check_compile_changes.outputs.changes_detected == 'true'
-        run: git push origin HEAD:i18n
-
-      - name: Upload missing translations
-        if: steps.check_extract_changes.outputs.changes_detected == 'true'
-        uses: crowdin/github-action@v2
-        with:
-          upload_sources: true
-          upload_translations: true
-          download_translations: false
-          localization_branch_name: i18n
-          base_url: 'https://twenty.api.crowdin.com'
-        env:
-          # A numeric ID, found at https://crowdin.com/project/<projectName>/tools/api
-          CROWDIN_PROJECT_ID: 1
-
-          # Visit https://crowdin.com/settings#api-key to create this token
-          CROWDIN_PERSONAL_TOKEN: ${{ secrets.CROWDIN_PERSONAL_TOKEN }}
-      - name: Create a pull request
-        if: steps.check_extract_changes.outputs.changes_detected == 'true' || steps.check_compile_changes.outputs.changes_detected == 'true'
-        run: |
-          if git diff --name-only origin/main..HEAD | grep -q .; then
-            gh pr create -B main -H i18n --title 'i18n - translations' --body 'Created by Github action' || true
-          else
-            echo "No file differences between branches, skipping PR creation"
-          fi
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/playwright.yml.bak

@@ -0,0 +1,43 @@
+name: Playwright Tests
+on:
+  push:
+    branches: [ main, master ]
+  pull_request:
+    branches: [ main, master ]
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v4
+    - uses: actions/setup-node@v4
+      with:
+        node-version: lts/*
+
+    - name: Check for changed files
+        id: changed-files
+        uses: tj-actions/changed-files@v11
+        with:
+          files: |
+            packages/**  # Adjust this to your relevant directories
+            playwright.config.ts  # Include any relevant config files 
+
+    - name: Skip if no relevant changes
+        if: steps.changed-files.outputs.any_changed != 'true'
+        run: echo "No relevant changes detected. Marking as valid."
+
+    - name: Install dependencies
+      if: steps.changed-files.outputs.any_changed == 'true'
+      run: npm install -g yarn && yarn
+    - name: Install Playwright Browsers
+      if: steps.changed-files.outputs.any_changed == 'true'
+      run: yarn playwright install --with-deps
+    - name: Run Playwright tests
+      if: steps.changed-files.outputs.any_changed == 'true'
+      run: yarn test:e2e companies
+    - uses: actions/upload-artifact@v4
+      if: always()
+      with:
+        name: playwright-report
+        path: playwright-report/
+        retention-days: 30

.gitignore

@@ -18,7 +18,6 @@
 !.yarn/sdks
 !.yarn/versions
 .vercel
-.swc
 
 **/**/logs/**
 
@@ -31,15 +30,3 @@ storybook-static
 test-results/
 dump.rdb
 .tinyb
-
-.notes
-/data/
-/.devenv/
-/.direnv/
-/.pre-commit-config.yaml
-/.envrc
-/devenv.nix
-/flake.lock
-/flake.nix
-
-.crowdin.yml

.vscode/extensions.json

@@ -14,7 +14,6 @@
     "styled-components.vscode-styled-components",
     "unifiedjs.vscode-mdx",
     "xyc.vscode-mdx-preview",
-    "yoavbls.pretty-ts-errors",
-    "ms-playwright.playwright"
+    "yoavbls.pretty-ts-errors"
   ]
 }

.vscode/launch.json

@@ -6,11 +6,12 @@
       "name": "twenty-server - start debug",
       "type": "node",
       "request": "launch",
-      "runtimeExecutable": "npx",
+      "runtimeExecutable": "yarn",
+      "runtimeVersion": "18",
       "runtimeArgs": [
         "nx",
         "run",
-        "twenty-server:start"
+        "twenty-server:start",
       ],
       "outputCapture": "std",
       "internalConsoleOptions": "openOnSessionStart",
@@ -21,11 +22,12 @@
       "name": "twenty-server - worker debug",
       "type": "node",
       "request": "launch",
-      "runtimeExecutable": "npx",
+      "runtimeExecutable": "yarn",
+      "runtimeVersion": "18",
       "runtimeArgs": [
         "nx",
         "run",
-        "twenty-server:worker"
+        "twenty-server:worker",
       ],
       "outputCapture": "std",
       "internalConsoleOptions": "openOnSessionStart",
@@ -43,44 +45,12 @@
         "run",
         "twenty-server:command",
         "my-command",
-        "--my-parameter value"
+        "--my-parameter value",
       ],
       "outputCapture": "std",
       "internalConsoleOptions": "openOnSessionStart",
       "console": "internalConsole",
       "cwd": "${workspaceFolder}/packages/twenty-server/"
-    },
-    {
-      "name": "Playwright Test current file",
-      "type": "node",
-      "request": "launch",
-      "runtimeExecutable": "npx",
-      "runtimeArgs": ["nx", "test", "twenty-e2e-testing", "${file}"],
-      "console": "integratedTerminal",
-      "cwd": "${workspaceFolder}",
-      "internalConsoleOptions": "neverOpen",
-      "envFile": "${workspaceFolder}/packages/twenty-e2e-testing/.env"
-    },
-    {
-      "type": "node",
-      "request": "launch",
-      "name": "twenty-server - debug integration test file (to launch with test file open)",
-      "runtimeExecutable": "npx",
-      "runtimeArgs": [
-        "nx",
-        "run",
-        "twenty-server:jest",
-        "--",
-        "--config",
-        "./jest-integration.config.ts",
-        "${relativeFile}"
-      ],
-      "cwd": "${workspaceFolder}/packages/twenty-server",
-      "console": "integratedTerminal",
-      "internalConsoleOptions": "neverOpen",
-      "env": {
-        "NODE_ENV": "test"
-      },
     }
   ]
 }

.vscode/settings.json

@@ -46,9 +46,4 @@
     "**/.yarn": true,
   },
   "eslint.debug": true,
-  "files.associations": {
-    ".cursorrules": "markdown"
-  },
-  "jestrunner.codeLensSelector": "**/*.{test,spec,integration-spec}.{js,jsx,ts,tsx}"
-  }
 }

.vscode/twenty.code-workspace

@@ -25,8 +25,8 @@
       "path": "../packages/twenty-emails"
     },
     {
-      "name": "packages/twenty-shared",
-      "path": "../packages/twenty-shared"
+      "name": "packages/twenty-postgres",
+      "path": "../packages/twenty-postgres"
     },
     {
       "name": "packages/twenty-server",
@@ -44,10 +44,6 @@
       "name": "tools/eslint-rules",
       "path": "../tools/eslint-rules"
     },
-    {
-      "name": "packages/twenty-e2e-testing",
-      "path": "../packages/twenty-e2e-testing"
-    }
   ],
   "settings": {
     "editor.formatOnSave": false,

.yarnrc.yml

@@ -1,5 +1,3 @@
-enableHardenedMode: true
-
 enableInlineHunks: true
 
 nodeLinker: node-modules

Makefile

@@ -1,20 +1,12 @@
 postgres-on-docker:
-	docker run -d \
-	--name twenty_pg \
-	-e PGUSER_SUPERUSER=postgres \
-	-e PGPASSWORD_SUPERUSER=postgres \
-	-e ALLOW_NOSSL=true \
-	-v twenty_db_data:/home/postgres/pgdata \
+	docker run \
+	--name twenty_postgres \
+	-e POSTGRES_USER=postgres \
+	-e POSTGRES_PASSWORD=postgres \
+	-e POSTGRES_DB=default \
+	-v twenty_db_data:/var/lib/postgresql/data \
 	-p 5432:5432 \
-	twentycrm/twenty-postgres-spilo:latest
-	@echo "Waiting for PostgreSQL to be ready..."
-	@until docker exec twenty_pg psql -U postgres -d postgres \
-		-c 'SELECT pg_is_in_recovery();' 2>/dev/null | grep -q 'f'; do \
-		sleep 1; \
-	done
-	docker exec twenty_pg psql -U postgres -d postgres \
-		-c "CREATE DATABASE \"default\" WITH OWNER postgres;" \
-		-c "CREATE DATABASE \"test\" WITH OWNER postgres;"
+	twentycrm/twenty-postgres:latest
 
 redis-on-docker:
 	docker run -d --name twenty_redis -p 6379:6379 redis/redis-stack-server:latest

README.md

@@ -7,8 +7,9 @@
 </p>
 
 <h2 align="center" >The #1 Open-Source CRM </h3>
+<p align="center">Tailored to your unique business needs</p>
 
-<p align="center"><a href="https://twenty.com">🌐 Website</a> · <a href="https://twenty.com/developers">📚 Documentation</a> · <a href="https://github.com/orgs/twentyhq/projects/1"><img src="./packages/twenty-website/public/images/readme/planner-icon.svg" width="12" height="12"/> Roadmap </a> · <a href="https://discord.gg/cx5n4Jzs57"><img src="./packages/twenty-website/public/images/readme/discord-icon.svg" width="12" height="12"/> Discord</a> · <a href="https://www.figma.com/file/xt8O9mFeLl46C5InWwoMrN/Twenty"><img src="./packages/twenty-website/public/images/readme/figma-icon.png"  width="12" height="12"/>  Figma</a><p>
+<p align="center"><a href="https://twenty.com">🌐 Website</a> · <a href="https://twenty.com/developers">📚 Documentation</a> ·  <a href="https://discord.gg/cx5n4Jzs57"><img src="./packages/twenty-website/public/images/readme/discord-icon.svg" width="12" height="12"/> Discord</a> · <a href="https://www.figma.com/file/xt8O9mFeLl46C5InWwoMrN/Twenty"><img src="./packages/twenty-website/public/images/readme/figma-icon.png"  width="12" height="12"/>  Figma</a><p>
 <br />
 
 
@@ -21,33 +22,45 @@
     </picture>
   </a>
 </p>
+<br>
+
+We’ve spent thousands of hours grappling with traditional CRMs like Pipedrive and Salesforce to align them with our business needs, only to end up frustrated — customizations are complex and the closed ecosystems of these platforms can feel restrictive.
+
+We felt the need for a CRM platform that empowers rather than constrains. We believe the next great CRM will come from the open-source community. We’ve packed Twenty with powerful features to give you full control and help you run your business efficiently. 
 
 <br>
 
-# Installation 
+# Demo 
+Go to <a href="https://demo.twenty.com/">demo.twenty.com</a> and login with the following credentials:
 
-See:  
+```
+email: tim@apple.dev
+password: Applecar2025
+```
+
+See also:  
 🚀 [Self-hosting](https://twenty.com/developers/section/self-hosting)  
 🖥️ [Local Setup](https://twenty.com/developers/local-setup)  
 
-# Does the world need another CRM?
+# Why Choose Twenty?
+We understand that the CRM landscape is vast. So why should you choose us?
 
-We built Twenty for three reasons:
+⛓️ **Full control, Full Freedom:** Contribute, self-host, fork. Break free from vendor lock-in and join us in shaping the open future of CRM.
 
-**CRMs are too expensive, and users are trapped.** Companies use locked-in customer data to hike prices. It shouldn't be that way.
+📊 **Data, Your Way:** The days when the role of CRM platforms was to shift manual data entries to a database are over. Now, the data is already there. CRM 2.0 should be built around your data, allowing you to access and visualize any existing sources, not forcing you to retrofit your data into predefined objects on a remote cloud.
 
-**A fresh start is required to build a better experience.** We can learn from past mistakes and craft a cohesive experience inspired by new UX patterns from tools like Notion, Airtable or Linear.
+🎨 **Effortlessly Intuitive:** We set out to create something that we ourselves would always enjoy using. The main application draws inspiration from Notion, a tool known for its user-friendly interface and customization capabilities.
+<br>
 
-**We believe in Open-source and community.** Hundreds of developers are already building Twenty together. Once we have plugin capabilities, a whole ecosystem will grow around it.
 
 <br>
 
 # What You Can Do With Twenty
-We're currently developing Twenty's beta version.  
+We're currently in the development phase of Twenty's alpha version.  
 
-Please feel free to flag any specific needs you have by creating an issue.   
+Please feel free to flag any specific need you have need by creating an issue.   
 
-Below are a few features we have implemented to date:
+Below are some features we have implemented to date:
 
 + [Add, filter, sort, edit, and track customers](#add-filter-sort-edit-and-track-customers)
 + [Create one or several opportunities for each company](#create-one-or-several-opportunities-for-each-company)
@@ -136,27 +149,24 @@ Below are a few features we have implemented to date:
     </picture>
 </p>
 
-
 <br>
 
-# Stack
-- [TypeScript](https://www.typescriptlang.org/)
-- [Nx](https://nx.dev/)
-- [NestJS](https://nestjs.com/), with [BullMQ](https://bullmq.io/), [PostgreSQL](https://www.postgresql.org/), [Redis](https://redis.io/)
-- [React](https://reactjs.org/), with [Recoil](https://recoiljs.org/) and [Emotion](https://emotion.sh/)
-- [Greptile](https://greptile.com) for code reviews.
-- [Lingui](https://lingui.dev/) and [Crowdin](https://twenty.crowdin.com/twenty) for translations.
+# What's In Store
 
+Here’s what you can look forward to:
+
+⏳ **Frequent updates:** We’re shipping fast! Expect regular updates and new features that enhance your experience.
+
+🔗 **Extensibility:** We’re putting the power in your hands. Soon, you’ll have the tools to extend and customize Twenty with plugins and more.
+
+<br>
 
 # Join the Community
 
 - Star the repo
-- Subscribe to releases (watch -> custom -> releases)
+- Join [discussions](https://github.com/twentyhq/twenty/discussions) and track [issues](https://github.com/twentyhq/twenty/issues) 
 - Follow us on [Twitter](https://twitter.com/twentycrm) or [LinkedIn](https://www.linkedin.com/company/twenty/) 
 - Join our [Discord](https://discord.gg/cx5n4Jzs57)
-- Improve translations on [Crowdin](https://twenty.crowdin.com/twenty) 
 - [Contributions](https://github.com/twentyhq/twenty/contribute) are, of course, most welcome! 
 
 
-
-

crowdin.yml

@@ -1,31 +0,0 @@
-#
-# Basic Crowdin CLI configuration
-# See https://crowdin.github.io/crowdin-cli/configuration for more information
-# See https://support.crowdin.com/developer/configuration-file/ for all available options
-#
-
-#
-# Defines whether to preserve the original directory structure in the Crowdin project
-# Recommended to set to true
-#
-"preserve_hierarchy": true
-
-#
-# Files configuration.
-# See https://support.crowdin.com/developer/configuration-file/ for all available options
-#
-files: [
-  {
-    #
-    # Source files filter
-    # e.g. "/resources/en/*.json"
-    #
-    "source": "**/en.po",
-
-    #
-    # Translation files filter
-    # e.g. "/resources/%two_letters_code%/%original_file_name%"
-    #
-    "translation": "%original_path%/%locale%.po",
-  }
-]

install.sh

@@ -44,10 +44,10 @@ function on_exit {
 trap on_exit EXIT
 
 # Use environment variables VERSION and BRANCH, with defaults if not set
-version=${VERSION:-$(curl -s "https://hub.docker.com/v2/repositories/twentycrm/twenty/tags" | grep -o '"name":"[^"]*"' | grep -v 'latest' | cut -d'"' -f4 | sort -V | tail -n1)}
-branch=${BRANCH:-$(curl -s https://api.github.com/repos/twentyhq/twenty/tags | grep '"name":' | head -n 1 | cut -d '"' -f 4)}
+version=${VERSION:-$(curl -s https://api.github.com/repos/twentyhq/twenty/releases/latest | grep '"tag_name":' | cut -d '"' -f 4)}
+branch=${BRANCH:-$version}
 
-echo "🚀 Using docker version $version and Github branch $branch"
+echo "🚀 Using version $version and branch $branch"
 
 dir_name="twenty"
 function ask_directory {
@@ -90,11 +90,10 @@ else
 fi
 
 # Generate random strings for secrets
-echo "# === Randomly generated secret ===" >> .env
-echo "APP_SECRET=$(openssl rand -base64 32)" >> .env
-
-echo "" >> .env
-echo "PG_DATABASE_PASSWORD=$(openssl rand -hex 16)" >> .env
+echo "# === Randomly generated secrets ===" >>.env
+echo "APP_SECRET=$(openssl rand -base64 32)" >>.env
+echo "" >>.env
+echo "POSTGRES_ADMIN_PASSWORD=$(openssl rand -base64 32)" >>.env
 
 echo -e "\t• .env configuration completed"
 

nx.json

@@ -14,7 +14,6 @@
       "!{projectRoot}/**/tsconfig.spec.json",
       "!{projectRoot}/**/*.test.(ts|tsx)",
       "!{projectRoot}/**/*.spec.(ts|tsx)",
-      "!{projectRoot}/**/*.integration-spec.ts",
       "!{projectRoot}/**/__tests__/*"
     ],
     "production": [
@@ -48,8 +47,7 @@
       "configurations": {
         "ci": { "cacheStrategy": "content" },
         "fix": { "fix": true }
-      },
-      "dependsOn": ["^build"]
+      }
     },
     "fmt": {
       "executor": "nx:run-commands",
@@ -65,8 +63,7 @@
       "configurations": {
         "ci": { "cacheStrategy": "content" },
         "fix": { "write": true }
-      },
-      "dependsOn": ["^build"]
+      }
     },
     "typecheck": {
       "executor": "nx:run-commands",
@@ -77,8 +74,7 @@
       },
       "configurations": {
         "watch": { "watch": true }
-      },
-      "dependsOn": ["^build"]
+      }
     },
     "test": {
       "executor": "@nx/jest:jest",
@@ -116,11 +112,10 @@
       "outputs": ["{projectRoot}/{options.output-dir}"],
       "options": {
         "cwd": "{projectRoot}",
-        "command": "VITE_DISABLE_TYPESCRIPT_CHECKER=true VITE_DISABLE_ESLINT_CHECKER=true storybook build --test",
+        "command": "VITE_DISABLE_ESLINT_CHECKER=true storybook build",
         "output-dir": "storybook-static",
         "config-dir": ".storybook"
-      },
-      "dependsOn": ["^build"]
+      }
     },
     "storybook:serve:dev": {
       "executor": "nx:run-commands",
@@ -152,14 +147,12 @@
       "options": {
         "cwd": "{projectRoot}",
         "commands": [
-          "test-storybook --url http://localhost:{args.port} --maxWorkers=3 --coverage --coverageDirectory={args.coverageDir} --shard={args.shard}",
-          "nx storybook:coverage {projectName} --coverageDir={args.coverageDir} --checkCoverage={args.checkCoverage}"
+          "test-storybook --url http://localhost:{args.port} --maxWorkers=3 --coverage --coverageDirectory={args.coverageDir}",
+          "nx storybook:coverage {projectName} --coverageDir={args.coverageDir}"
         ],
-        "shard": "1/1",
         "parallel": false,
         "coverageDir": "coverage/storybook",
-        "port": 6006,
-        "checkCoverage": true
+        "port": 6006
       }
     },
     "storybook:test:no-coverage": {
@@ -186,10 +179,9 @@
         "!{projectRoot}/coverage/storybook/coverage-storybook.json"
       ],
       "options": {
-        "command": "npx nyc report --reporter={args.reporter} --reporter=text-summary -t {args.coverageDir} --report-dir {args.coverageDir} --check-coverage={args.checkCoverage} --cwd={projectRoot}",
+        "command": "npx nyc report --reporter={args.reporter} --reporter=text-summary -t {args.coverageDir} --report-dir {args.coverageDir} --check-coverage --cwd={projectRoot}",
         "coverageDir": "coverage/storybook",
-        "reporter": "lcov",
-        "checkCoverage": true
+        "reporter": "lcov"
       },
       "configurations": {
         "text": { "reporter": "text" }
@@ -199,10 +191,8 @@
       "executor": "nx:run-commands",
       "options": {
         "commands": [
-          "npx concurrently --kill-others --success=first -n SB,TEST 'nx storybook:serve:static {projectName} --port={args.port}' 'npx wait-on tcp:{args.port} && nx storybook:test {projectName} --shard={args.shard} --checkCoverage={args.checkCoverage} --port={args.port} --configuration={args.scope}'"
+          "npx concurrently --kill-others --success=first -n SB,TEST 'nx storybook:serve:static {projectName} --port={args.port} --configuration={args.performance}' 'npx wait-on tcp:{args.port} && nx storybook:test {projectName} --port={args.port} --configuration={args.scope}'"
         ],
-        "shard": "1/1",
-        "checkCoverage": true,
         "port": 6006
       }
     },

package.json

@@ -5,11 +5,9 @@
     "@apollo/server": "^4.7.3",
     "@aws-sdk/client-lambda": "^3.614.0",
     "@aws-sdk/client-s3": "^3.363.0",
-    "@aws-sdk/client-sts": "^3.744.0",
     "@aws-sdk/credential-providers": "^3.363.0",
-    "@blocknote/mantine": "^0.22.0",
-    "@blocknote/react": "^0.22.0",
-    "@blocknote/server-util": "0.17.1",
+    "@blocknote/mantine": "^0.15.3",
+    "@blocknote/react": "^0.15.3",
     "@codesandbox/sandpack-react": "^2.13.5",
     "@dagrejs/dagre": "^1.1.2",
     "@emotion/react": "^11.11.1",
@@ -24,10 +22,7 @@
     "@jsdevtools/rehype-toc": "^3.0.2",
     "@linaria/core": "^6.2.0",
     "@linaria/react": "^6.2.1",
-    "@lingui/core": "^5.1.2",
-    "@lingui/react": "^5.1.2",
     "@mdx-js/react": "^3.0.0",
-    "@microsoft/microsoft-graph-client": "^3.0.7",
     "@nestjs/apollo": "^11.0.5",
     "@nestjs/axios": "^3.0.1",
     "@nestjs/cli": "^9.0.0",
@@ -39,14 +34,14 @@
     "@nestjs/passport": "^9.0.3",
     "@nestjs/platform-express": "^9.0.0",
     "@nestjs/serve-static": "^4.0.1",
-    "@nestjs/terminus": "^11.0.0",
+    "@nestjs/terminus": "^9.2.2",
     "@nestjs/typeorm": "^10.0.0",
     "@nx/eslint-plugin": "^17.2.8",
     "@octokit/graphql": "^7.0.2",
     "@ptc-org/nestjs-query-core": "^4.2.0",
     "@ptc-org/nestjs-query-typeorm": "4.2.1-alpha.2",
-    "@react-email/components": "0.0.32",
-    "@react-email/render": "0.0.17",
+    "@react-email/components": "0.0.12",
+    "@react-email/render": "0.0.10",
     "@sentry/node": "^8",
     "@sentry/profiling-node": "^8",
     "@sentry/react": "^8",
@@ -54,6 +49,7 @@
     "@stoplight/elements": "^8.0.5",
     "@swc/jest": "^0.2.29",
     "@tabler/icons-react": "^2.44.0",
+    "@tiptap/extension-hard-break": "^2.9.1",
     "@types/dompurify": "^3.0.5",
     "@types/facepaint": "^1.2.5",
     "@types/lodash.camelcase": "^4.3.7",
@@ -63,7 +59,6 @@
     "@types/nodemailer": "^6.4.14",
     "@types/passport-microsoft": "^1.0.3",
     "@wyw-in-js/vite": "^0.5.3",
-    "@xyflow/react": "^12.4.2",
     "add": "^2.0.6",
     "addressparser": "^1.0.1",
     "afterframe": "^1.0.2",
@@ -74,11 +69,10 @@
     "bcrypt": "^5.1.1",
     "better-sqlite3": "^9.2.2",
     "body-parser": "^1.20.2",
-    "bullmq": "^5.40.0",
+    "bullmq": "^4.14.0",
     "bytes": "^3.1.2",
     "class-transformer": "^0.5.1",
     "clsx": "^2.1.1",
-    "cron-validate": "^1.4.5",
     "cross-env": "^7.0.3",
     "css-loader": "^7.1.2",
     "danger-plugin-todos": "^1.3.1",
@@ -93,7 +87,7 @@
     "esbuild-plugin-svgr": "^2.1.0",
     "facepaint": "^1.2.1",
     "file-type": "16.5.4",
-    "framer-motion": "^11.18.0",
+    "framer-motion": "^10.12.17",
     "googleapis": "105",
     "graphiql": "^3.1.1",
     "graphql": "16.8.0",
@@ -119,7 +113,6 @@
     "lodash.chunk": "^4.2.0",
     "lodash.compact": "^3.0.1",
     "lodash.debounce": "^4.0.8",
-    "lodash.escaperegexp": "^4.1.2",
     "lodash.groupby": "^4.6.0",
     "lodash.identity": "^3.0.0",
     "lodash.isempty": "^4.4.0",
@@ -167,13 +160,14 @@
     "react-hotkeys-hook": "^4.4.4",
     "react-icons": "^4.12.0",
     "react-imask": "^7.6.0",
-    "react-intersection-observer": "^9.15.1",
+    "react-intersection-observer": "^9.5.2",
     "react-loading-skeleton": "^3.3.1",
     "react-phone-number-input": "^3.3.4",
     "react-responsive": "^9.0.2",
     "react-router-dom": "^6.4.4",
     "react-textarea-autosize": "^8.4.1",
     "react-tooltip": "^5.13.1",
+    "reactflow": "^11.11.3",
     "recoil": "^0.7.7",
     "rehype-slug": "^6.0.0",
     "remark-behead": "^3.1.0",
@@ -184,7 +178,7 @@
     "semver": "^7.5.4",
     "sharp": "^0.32.1",
     "slash": "^5.1.0",
-    "stripe": "^17.3.1",
+    "stripe": "^14.17.0",
     "ts-key-enum": "^2.0.12",
     "tslib": "^2.3.0",
     "tsup": "^8.2.4",
@@ -207,10 +201,6 @@
     "@graphql-codegen/typescript": "^3.0.4",
     "@graphql-codegen/typescript-operations": "^3.0.4",
     "@graphql-codegen/typescript-react-apollo": "^3.3.7",
-    "@lingui/cli": "^5.1.2",
-    "@lingui/swc-plugin": "^5.1.0",
-    "@lingui/vite-plugin": "^5.1.2",
-    "@microsoft/microsoft-graph-types": "^2.40.0",
     "@nestjs/cli": "^9.0.0",
     "@nestjs/schematics": "^9.0.0",
     "@nestjs/testing": "^9.0.0",
@@ -243,7 +233,7 @@
     "@stylistic/eslint-plugin": "^1.5.0",
     "@swc-node/register": "1.8.0",
     "@swc/cli": "^0.3.12",
-    "@swc/core": "1.7.42",
+    "@swc/core": "~1.3.100",
     "@swc/helpers": "~0.5.2",
     "@testing-library/jest-dom": "^6.1.5",
     "@testing-library/react": "14.0.0",
@@ -255,15 +245,14 @@
     "@types/chrome": "^0.0.267",
     "@types/deep-equal": "^1.0.1",
     "@types/express": "^4.17.13",
-    "@types/file-saver": "^2.0.7",
     "@types/graphql-fields": "^1.3.6",
     "@types/graphql-upload": "^8.0.12",
+    "@types/jest": "^29.5.11",
     "@types/js-cookie": "^3.0.3",
     "@types/js-levenshtein": "^1.1.3",
     "@types/lodash.camelcase": "^4.3.7",
     "@types/lodash.compact": "^3.0.9",
     "@types/lodash.debounce": "^4.0.7",
-    "@types/lodash.escaperegexp": "^4.1.9",
     "@types/lodash.groupby": "^4.6.9",
     "@types/lodash.identity": "^3.0.9",
     "@types/lodash.isempty": "^4.4.7",
@@ -305,7 +294,6 @@
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "2.29.1",
     "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-lingui": "^0.9.0",
     "eslint-plugin-prefer-arrow": "^1.2.3",
     "eslint-plugin-prettier": "^5.1.2",
     "eslint-plugin-project-structure": "^3.9.1",
@@ -357,13 +345,12 @@
   "resolutions": {
     "graphql": "16.8.0",
     "type-fest": "4.10.1",
-    "typescript": "5.3.3",
-    "prosemirror-model": "1.23.0"
+    "typescript": "5.3.3"
   },
   "version": "0.2.1",
   "nx": {},
   "scripts": {
-    "start": "npx concurrently --kill-others 'npx nx run-many -t start -p twenty-server twenty-front' 'npx wait-on tcp:3000 && npx nx run twenty-server:worker'"
+    "start": "npx nx run-many -t start worker -p twenty-server twenty-front"
   },
   "workspaces": {
     "packages": [
@@ -376,7 +363,6 @@
       "packages/twenty-zapier",
       "packages/twenty-website",
       "packages/twenty-e2e-testing",
-      "packages/twenty-shared",
       "tools/eslint-rules"
     ]
   }

packages/twenty-chrome-extension/package.json

@@ -6,8 +6,5 @@
   "type": "module",
   "scripts": {
     "build": "npx vite build"
-  },
-  "dependencies": {
-    "twenty-shared": "workspace:*"
   }
 }

packages/twenty-chrome-extension/project.json

@@ -8,8 +8,7 @@
       "outputs": ["{options.outputPath}"],
       "options": {
         "outputPath": "{projectRoot}/dist"
-      },
-      "dependsOn": ["^build"]
+      }
     },
     "start": {
       "executor": "nx:run-commands",

packages/twenty-chrome-extension/src/background/index.ts

@@ -1,4 +1,4 @@
-import { isDefined } from 'twenty-shared';
+import { isDefined } from '~/utils/isDefined';
 
 // Open options page programmatically in a new tab.
 // chrome.runtime.onInstalled.addListener((details) => {

packages/twenty-chrome-extension/src/contentScript/createButton.ts

@@ -1,4 +1,4 @@
-import { isDefined } from 'twenty-shared';
+import { isDefined } from '~/utils/isDefined';
 
 interface CustomDiv extends HTMLDivElement {
   onClickHandler: (newHandler: () => void) => void;

packages/twenty-chrome-extension/src/contentScript/extractCompanyProfile.ts

@@ -1,10 +1,10 @@
-import { isDefined } from 'twenty-shared';
 import { createDefaultButton } from '~/contentScript/createButton';
 import changeSidePanelUrl from '~/contentScript/utils/changeSidepanelUrl';
 import extractCompanyLinkedinLink from '~/contentScript/utils/extractCompanyLinkedinLink';
 import extractDomain from '~/contentScript/utils/extractDomain';
 import { createCompany, fetchCompany } from '~/db/company.db';
 import { CompanyInput } from '~/db/types/company.types';
+import { isDefined } from '~/utils/isDefined';
 
 export const checkIfCompanyExists = async () => {
   const { tab: activeTab } = await chrome.runtime.sendMessage({

packages/twenty-chrome-extension/src/contentScript/extractPersonProfile.ts

@@ -1,9 +1,9 @@
-import { isDefined } from 'twenty-shared';
 import { createDefaultButton } from '~/contentScript/createButton';
 import changeSidePanelUrl from '~/contentScript/utils/changeSidepanelUrl';
 import extractFirstAndLastName from '~/contentScript/utils/extractFirstAndLastName';
 import { createPerson, fetchPerson } from '~/db/person.db';
 import { PersonInput } from '~/db/types/person.types';
+import { isDefined } from '~/utils/isDefined';
 
 export const checkIfPersonExists = async () => {
   const { tab: activeTab } = await chrome.runtime.sendMessage({

packages/twenty-chrome-extension/src/contentScript/index.ts

@@ -1,6 +1,6 @@
-import { isDefined } from 'twenty-shared';
 import { insertButtonForCompany } from '~/contentScript/extractCompanyProfile';
 import { insertButtonForPerson } from '~/contentScript/extractPersonProfile';
+import { isDefined } from '~/utils/isDefined';
 
 // Inject buttons into the DOM when SPA is reloaded on the resource url.
 // e.g. reload the page when on https://www.linkedin.com/in/mabdullahabaid/

packages/twenty-chrome-extension/src/contentScript/insertSettingsButton.ts

@@ -1,4 +1,4 @@
-import { isDefined } from 'twenty-shared';
+import { isDefined } from '~/utils/isDefined';
 
 const btn = document.getElementById('twenty-settings-btn');
 if (!isDefined(btn)) {

packages/twenty-chrome-extension/src/contentScript/utils/changeSidepanelUrl.ts

@@ -1,4 +1,4 @@
-import { isDefined } from 'twenty-shared';
+import { isDefined } from '~/utils/isDefined';
 
 const changeSidePanelUrl = async (url: string) => {
   if (isDefined(url)) {

packages/twenty-chrome-extension/src/contentScript/utils/extractCompanyLinkedinLink.ts

@@ -1,6 +1,6 @@
 // Extract "https://www.linkedin.com/company/twenty/" from any of the following urls, which the user can visit while on the company page.
 
-import { isDefined } from 'twenty-shared';
+import { isDefined } from '~/utils/isDefined';
 
 // "https://www.linkedin.com/company/twenty/" "https://www.linkedin.com/company/twenty/about/" "https://www.linkedin.com/company/twenty/people/".
 const extractCompanyLinkedinLink = (activeTabUrl: string) => {

packages/twenty-chrome-extension/src/db/auth.db.ts

@@ -1,10 +1,10 @@
-import { isDefined } from 'twenty-shared';
 import {
   ExchangeAuthCodeInput,
   ExchangeAuthCodeResponse,
   Tokens,
 } from '~/db/types/auth.types';
 import { EXCHANGE_AUTHORIZATION_CODE } from '~/graphql/auth/mutations';
+import { isDefined } from '~/utils/isDefined';
 import { callMutation } from '~/utils/requestDb';
 
 export const exchangeAuthorizationCode = async (

packages/twenty-chrome-extension/src/db/company.db.ts

@@ -1,4 +1,3 @@
-import { isDefined } from 'twenty-shared';
 import {
   CompanyInput,
   CreateCompanyResponse,
@@ -7,6 +6,7 @@ import {
 import { Company, CompanyFilterInput } from '~/generated/graphql';
 import { CREATE_COMPANY } from '~/graphql/company/mutations';
 import { FIND_COMPANY } from '~/graphql/company/queries';
+import { isDefined } from '~/utils/isDefined';
 
 import { callMutation, callQuery } from '../utils/requestDb';
 

packages/twenty-chrome-extension/src/db/person.db.ts

@@ -1,4 +1,3 @@
-import { isDefined } from 'twenty-shared';
 import {
   CreatePersonResponse,
   FindPersonResponse,
@@ -7,6 +6,7 @@ import {
 import { Person, PersonFilterInput } from '~/generated/graphql';
 import { CREATE_PERSON } from '~/graphql/person/mutations';
 import { FIND_PERSON } from '~/graphql/person/queries';
+import { isDefined } from '~/utils/isDefined';
 
 import { callMutation, callQuery } from '../utils/requestDb';
 

packages/twenty-chrome-extension/src/db/token.db.ts

@@ -1,8 +1,8 @@
 import { ApolloClient, InMemoryCache } from '@apollo/client';
 
-import { isDefined } from 'twenty-shared';
 import { Tokens } from '~/db/types/auth.types';
 import { RENEW_TOKEN } from '~/graphql/auth/mutations';
+import { isDefined } from '~/utils/isDefined';
 
 export const renewToken = async (
   appToken: string,

packages/twenty-chrome-extension/src/options/App.tsx

@@ -1,8 +1,8 @@
 import { useEffect, useState } from 'react';
 
-import { isDefined } from 'twenty-shared';
 import Settings from '~/options/Settings';
 import Sidepanel from '~/options/Sidepanel';
+import { isDefined } from '~/utils/isDefined';
 
 const App = () => {
   const [currentScreen, setCurrentScreen] = useState('');

packages/twenty-chrome-extension/src/options/Settings.tsx

@@ -1,10 +1,10 @@
-import styled from '@emotion/styled';
 import { useEffect, useState } from 'react';
+import styled from '@emotion/styled';
 
 import { MainButton } from '@/ui/input/button/MainButton';
 import { TextInput } from '@/ui/input/components/TextInput';
-import { isDefined } from 'twenty-shared';
 import { clearStore } from '~/utils/apolloClient';
+import { isDefined } from '~/utils/isDefined';
 
 const StyledWrapper = styled.div`
   align-items: center;

packages/twenty-chrome-extension/src/options/Sidepanel.tsx

@@ -1,8 +1,8 @@
-import styled from '@emotion/styled';
 import { useCallback, useEffect, useRef, useState } from 'react';
+import styled from '@emotion/styled';
 
 import { MainButton } from '@/ui/input/button/MainButton';
-import { isDefined } from 'twenty-shared';
+import { isDefined } from '~/utils/isDefined';
 
 const StyledIframe = styled.iframe`
   display: block;

packages/twenty-chrome-extension/src/options/modules/ui/display/typography/components/H2Title.tsx

@@ -3,7 +3,7 @@ import styled from '@emotion/styled';
 type H2TitleProps = {
   title: string;
   description?: string;
-  adornment?: React.ReactNode;
+  addornment?: React.ReactNode;
 };
 
 const StyledContainer = styled.div`
@@ -33,11 +33,11 @@ const StyledDescription = styled.h3`
   margin-top: ${({ theme }) => theme.spacing(3)};
 `;
 
-export const H2Title = ({ title, description, adornment }: H2TitleProps) => (
+export const H2Title = ({ title, description, addornment }: H2TitleProps) => (
   <StyledContainer>
     <StyledTitleContainer>
       <StyledTitle>{title}</StyledTitle>
-      {adornment}
+      {addornment}
     </StyledTitleContainer>
     {description && <StyledDescription>{description}</StyledDescription>}
   </StyledContainer>

packages/twenty-chrome-extension/src/options/modules/ui/input/components/Toggle.tsx

@@ -1,8 +1,8 @@
+import { useEffect, useState } from 'react';
 import styled from '@emotion/styled';
 import { motion } from 'framer-motion';
-import { useEffect, useState } from 'react';
 
-import { isDefined } from 'twenty-shared';
+import { isDefined } from '~/utils/isDefined';
 
 export type ToggleSize = 'small' | 'medium';
 

packages/twenty-chrome-extension/src/utils/apolloClient.ts

@@ -2,7 +2,7 @@ import { ApolloClient, from, HttpLink, InMemoryCache } from '@apollo/client';
 import { setContext } from '@apollo/client/link/context';
 import { onError } from '@apollo/client/link/error';
 
-import { isDefined } from 'twenty-shared';
+import { isDefined } from '~/utils/isDefined';
 
 export const clearStore = () => {
   chrome.storage.local.remove([

packages/twenty-chrome-extension/src/utils/requestDb.ts

@@ -1,8 +1,8 @@
 import { OperationVariables } from '@apollo/client';
 import { DocumentNode } from 'graphql';
 
-import { isDefined } from 'twenty-shared';
 import getApolloClient from '~/utils/apolloClient';
+import { isDefined } from '~/utils/isDefined';
 
 export const callQuery = async <T>(
   query: DocumentNode,

packages/twenty-chrome-extension/tsconfig.json

@@ -9,8 +9,8 @@
     "skipLibCheck": true,
     "esModuleInterop": true,
     "paths": {
-      "@/*": ["./src/options/modules/*"],
-      "~/*": ["./src/*"]
+      "@/*": ["packages/twenty-chrome-extension/src/options/modules/*"],
+      "~/*": ["packages/twenty-chrome-extension/src/*"]
     },
 
     /* Bundler mode */

packages/twenty-docker/.env.example

@@ -1,17 +1,17 @@
 TAG=latest
 
-#PG_DATABASE_USER=postgres
-#PG_DATABASE_PASSWORD=replace_me_with_a_strong_password_without_special_characters
-#PG_DATABASE_HOST=db
-#PG_DATABASE_PORT=5432
-#REDIS_URL=redis://redis:6379
+# POSTGRES_ADMIN_PASSWORD=replace_me_with_a_strong_password
+
+PG_DATABASE_HOST=db:5432
+REDIS_URL=redis://redis:6379
 
 SERVER_URL=http://localhost:3000
-SIGN_IN_PREFILLED=false
 
 # Use openssl rand -base64 32 for each secret
 # APP_SECRET=replace_me_with_a_random_string
 
+SIGN_IN_PREFILLED=true
+
 STORAGE_TYPE=local
 
 # STORAGE_S3_REGION=eu-west3

packages/twenty-docker/Makefile

@@ -4,6 +4,9 @@ prod-build:
 prod-run:
 	@docker run -d -p 3000:3000 --name twenty twenty
 
+prod-postgres-build:
+	@cd ../.. && docker build -f ./packages/twenty-docker/twenty-postgres/Dockerfile --tag twenty-postgres . && cd -
+
 prod-postgres-run:
 	@docker run -d -p 5432:5432 -e POSTGRES_USER=postgres -e POSTGRES_PASSWORD=postgres --name twenty-postgres twenty-postgres
 
@@ -12,3 +15,11 @@ prod-website-build:
 
 prod-website-run:
 	@docker run -d -p 3000:3000 --name twenty-website twenty-website
+
+release-postgres:
+	@cd ../.. && docker buildx build \
+		--push \
+		--no-cache \
+		--platform linux/amd64,linux/arm64 \
+		-f ./packages/twenty-docker/twenty-postgres/Dockerfile -t twentycrm/twenty-postgres:$(version) -t twentycrm/twenty-postgres:latest . \
+		&& cd -

packages/twenty-docker/docker-compose.yml

@@ -1,3 +1,4 @@
+version: "3.9"
 name: twenty
 
 services:
@@ -13,18 +14,22 @@ services:
       && chown -R 1000:1000 /tmp/docker-data"
 
   server:
-    image: twentycrm/twenty:${TAG:-latest}
+    image: twentycrm/twenty:${TAG}
     volumes:
       - server-local-data:/app/packages/twenty-server/${STORAGE_LOCAL_PATH:-.local-storage}
       - docker-data:/app/docker-data
     ports:
       - "3000:3000"
     environment:
-      NODE_PORT: 3000
-      PG_DATABASE_URL: postgres://${PG_DATABASE_USER:-postgres}:${PG_DATABASE_PASSWORD:-postgres}@${PG_DATABASE_HOST:-db}:${PG_DATABASE_PORT:-5432}/default
+      PORT: 3000
+      PG_DATABASE_URL: postgres://twenty:twenty@${PG_DATABASE_HOST}/default
       SERVER_URL: ${SERVER_URL}
-      REDIS_URL: ${REDIS_URL:-redis://redis:6379}
+      FRONT_BASE_URL: ${FRONT_BASE_URL:-$SERVER_URL}
+      REDIS_URL: ${REDIS_URL:-redis://localhost:6379}
 
+      ENABLE_DB_MIGRATIONS: "true"
+
+      SIGN_IN_PREFILLED: ${SIGN_IN_PREFILLED}
       STORAGE_TYPE: ${STORAGE_TYPE}
       STORAGE_S3_REGION: ${STORAGE_S3_REGION}
       STORAGE_S3_NAME: ${STORAGE_S3_NAME}
@@ -44,13 +49,15 @@ services:
     restart: always
 
   worker:
-    image: twentycrm/twenty:${TAG:-latest}
+    image: twentycrm/twenty:${TAG}
     command: ["yarn", "worker:prod"]
     environment:
-      PG_DATABASE_URL: postgres://${PG_DATABASE_USER:-postgres}:${PG_DATABASE_PASSWORD:-postgres}@${PG_DATABASE_HOST:-db}:${PG_DATABASE_PORT:-5432}/default
+      PG_DATABASE_URL: postgres://twenty:twenty@${PG_DATABASE_HOST}/default
       SERVER_URL: ${SERVER_URL}
-      REDIS_URL: ${REDIS_URL:-redis://redis:6379}
-      DISABLE_DB_MIGRATIONS: "true" # it already runs on the server
+      FRONT_BASE_URL: ${FRONT_BASE_URL:-$SERVER_URL}
+      REDIS_URL: ${REDIS_URL:-redis://localhost:6379}
+
+      ENABLE_DB_MIGRATIONS: "false" # it already runs on the server
 
       STORAGE_TYPE: ${STORAGE_TYPE}
       STORAGE_S3_REGION: ${STORAGE_S3_REGION}
@@ -66,16 +73,13 @@ services:
     restart: always
 
   db:
-    image: twentycrm/twenty-postgres-spilo:${TAG:-latest}
+    image: twentycrm/twenty-postgres:${TAG}
     volumes:
-      - db-data:/home/postgres/pgdata
+      - db-data:/bitnami/postgresql
     environment:
-      PGUSER_SUPERUSER: ${PG_DATABASE_USER:-postgres}
-      PGPASSWORD_SUPERUSER: ${PG_DATABASE_PASSWORD:-postgres}
-      ALLOW_NOSSL: "true"
-      SPILO_PROVIDER: "local"
+      POSTGRES_PASSWORD: ${POSTGRES_ADMIN_PASSWORD}
     healthcheck:
-      test: pg_isready -U ${PG_DATABASE_USER:-postgres} -h localhost -d postgres
+      test: pg_isready -U twenty -d default
       interval: 5s
       timeout: 5s
       retries: 10
@@ -83,6 +87,8 @@ services:
 
   redis:
     image: redis
+    ports:
+      - "6379:6379"
     restart: always
 
 volumes:

packages/twenty-docker/k8s/manifests/deployment-db.yaml

@@ -27,16 +27,12 @@ spec:
             claimName: twentycrm-db-pvc
       containers:
         - name: twentycrm
-          image: twentycrm/twenty-postgres-spilo:latest
+          image: twentycrm/twenty-postgres:latest
           imagePullPolicy: Always
           env:
-            - name: PGUSER_SUPERUSER
-              value: "postgres"
-            - name: PGPASSWORD_SUPERUSER
-              value: "postgres"
-            - name: SPILO_PROVIDER
-              value: "local"
-            - name: ALLOW_NOSSL
+            - name: POSTGRES_PASSWORD
+              value: "twenty"
+            - name: BITNAMI_DEBUG
               value: "true"
           ports:
             - containerPort: 5432
@@ -52,7 +48,7 @@ spec:
           stdin: true
           tty: true
           volumeMounts:
-            - mountPath: /home/postgres/pgdata
+            - mountPath: /bitnami/postgresql
               name: twentycrm-db-data
       dnsPolicy: ClusterFirst
       restartPolicy: Always

packages/twenty-docker/k8s/manifests/deployment-server.yaml

@@ -33,18 +33,24 @@ spec:
           image: twentycrm/twenty:latest
           imagePullPolicy: Always
           env:
-            - name: NODE_PORT
+            - name: PORT
               value: 3000
             - name: SERVER_URL
               value: "https://crm.example.com:443"
+            - name: FRONT_BASE_URL
+              value: "https://crm.example.com:443"
             - name: "PG_DATABASE_URL"
-              value: "postgres://postgres:postgres@twentycrm-db.twentycrm.svc.cluster.local/default"
+              value: "postgres://twenty:twenty@twenty-db.twentycrm.svc.cluster.local/default"
             - name: "REDIS_URL"
               value: "redis://twentycrm-redis.twentycrm.svc.cluster.local:6379"
+            - name: ENABLE_DB_MIGRATIONS
+              value: "true"
             - name: SIGN_IN_PREFILLED
-              value: "false"
+              value: "true"
             - name: STORAGE_TYPE
               value: "local"
+            - name: "MESSAGE_QUEUE_TYPE"
+              value: "bull-mq"
             - name: "ACCESS_TOKEN_EXPIRES_IN"
               value: "7d"
             - name: "LOGIN_TOKEN_EXPIRES_IN"

packages/twenty-docker/k8s/manifests/deployment-worker.yaml

@@ -28,12 +28,18 @@ spec:
           env:
             - name: SERVER_URL
               value: "https://crm.example.com:443"
+            - name: FRONT_BASE_URL
+              value: "https://crm.example.com:443"
             - name: PG_DATABASE_URL
-              value: "postgres://postgres:postgres@twentycrm-db.twentycrm.svc.cluster.local/default"
-            - name: DISABLE_DB_MIGRATIONS
+              value: "postgres://twenty:twenty@twenty-db.twentycrm.svc.cluster.local/default"
+            - name: ENABLE_DB_MIGRATIONS
               value: "false" # it already runs on the server
             - name: STORAGE_TYPE
               value: "local"
+            - name: "MESSAGE_QUEUE_TYPE"
+              value: "bull-mq"
+            - name: "CACHE_STORAGE_TYPE"
+              value: "redis"
             - name: "REDIS_URL"
               value: "redis://twentycrm-redis.twentycrm.svc.cluster.local:6379"
             - name: APP_SECRET

packages/twenty-docker/k8s/terraform/README.md

@@ -51,7 +51,7 @@ To make configuration changes to how this doc is generated, see `./.terraform-do
 | <a name="input_twentycrm_app_hostname"></a> [twentycrm\_app\_hostname](#input\_twentycrm\_app\_hostname) | The protocol, DNS fully qualified hostname, and port used to access TwentyCRM in your environment. Ex: https://crm.example.com:443 | `string` | n/a | yes |
 | <a name="input_twentycrm_pgdb_admin_password"></a> [twentycrm\_pgdb\_admin\_password](#input\_twentycrm\_pgdb\_admin\_password) | TwentyCRM password for postgres database. | `string` | n/a | yes |
 | <a name="input_twentycrm_app_name"></a> [twentycrm\_app\_name](#input\_twentycrm\_app\_name) | A friendly name prefix to use for every component deployed. | `string` | `"twentycrm"` | no |
-| <a name="input_twentycrm_db_image"></a> [twentycrm\_db\_image](#input\_twentycrm\_db\_image) | TwentyCRM image for database deployment. This defaults to latest. | `string` | `"twentycrm/twenty-postgres-spilo:latest"` | no |
+| <a name="input_twentycrm_db_image"></a> [twentycrm\_db\_image](#input\_twentycrm\_db\_image) | TwentyCRM image for database deployment. This defaults to latest. | `string` | `"twentycrm/twenty-postgres:latest"` | no |
 | <a name="input_twentycrm_db_pv_capacity"></a> [twentycrm\_db\_pv\_capacity](#input\_twentycrm\_db\_pv\_capacity) | Storage capacity provisioned for database persistent volume. | `string` | `"10Gi"` | no |
 | <a name="input_twentycrm_db_pv_path"></a> [twentycrm\_db\_pv\_path](#input\_twentycrm\_db\_pv\_path) | Local path to use to store the physical volume if using local storage on nodes. | `string` | `""` | no |
 | <a name="input_twentycrm_db_pvc_requests"></a> [twentycrm\_db\_pvc\_requests](#input\_twentycrm\_db\_pvc\_requests) | Storage capacity reservation for database persistent volume claim. | `string` | `"10Gi"` | no |

packages/twenty-docker/k8s/terraform/deployment-server.tf

@@ -38,15 +38,24 @@ resource "kubernetes_deployment" "twentycrm_server" {
           tty   = true
 
           env {
-            name  = "NODE_PORT"
+            name  = "PORT"
             value = "3000"
           }
+          # env {
+          #   name  = "DEBUG_MODE"
+          #   value = false
+          # }
 
           env {
             name  = "SERVER_URL"
             value = var.twentycrm_app_hostname
           }
 
+          env {
+            name  = "FRONT_BASE_URL"
+            value = var.twentycrm_app_hostname
+          }
+
           env {
             name  = "PG_DATABASE_URL"
             value = "postgres://twenty:${var.twentycrm_pgdb_admin_password}@${kubernetes_service.twentycrm_db.metadata.0.name}.${kubernetes_namespace.twentycrm.metadata.0.name}.svc.cluster.local/default"
@@ -56,14 +65,23 @@ resource "kubernetes_deployment" "twentycrm_server" {
             value = "redis://${kubernetes_service.twentycrm_redis.metadata.0.name}.${kubernetes_namespace.twentycrm.metadata.0.name}.svc.cluster.local:6379"
           }
           env {
-            name  = "DISABLE_DB_MIGRATIONS"
-            value = "false"
+            name  = "ENABLE_DB_MIGRATIONS"
+            value = "true"
+          }
+
+          env {
+            name  = "SIGN_IN_PREFILLED"
+            value = "true"
           }
 
           env {
             name  = "STORAGE_TYPE"
             value = "local"
           }
+          env {
+            name  = "MESSAGE_QUEUE_TYPE"
+            value = "bull-mq"
+          }
           env {
             name  = "ACCESS_TOKEN_EXPIRES_IN"
             value = "7d"

packages/twenty-docker/k8s/terraform/deployment-worker.tf

@@ -43,25 +43,39 @@ resource "kubernetes_deployment" "twentycrm_worker" {
             value = var.twentycrm_app_hostname
           }
 
+          env {
+            name  = "FRONT_BASE_URL"
+            value = var.twentycrm_app_hostname
+          }
+
           env {
             name  = "PG_DATABASE_URL"
             value = "postgres://twenty:${var.twentycrm_pgdb_admin_password}@${kubernetes_service.twentycrm_db.metadata.0.name}.${kubernetes_namespace.twentycrm.metadata.0.name}.svc.cluster.local/default"
           }
 
+          env {
+            name  = "CACHE_STORAGE_TYPE"
+            value = "redis"
+          }
+
           env {
             name  = "REDIS_URL"
             value = "redis://${kubernetes_service.twentycrm_redis.metadata.0.name}.${kubernetes_namespace.twentycrm.metadata.0.name}.svc.cluster.local:6379"
           }
 
           env {
-            name  = "DISABLE_DB_MIGRATIONS"
-            value = "true" #it already runs on the server
+            name  = "ENABLE_DB_MIGRATIONS"
+            value = "false" #it already runs on the server
           }
 
           env {
             name  = "STORAGE_TYPE"
             value = "local"
           }
+          env {
+            name  = "MESSAGE_QUEUE_TYPE"
+            value = "bull-mq"
+          }
 
           env {
             name = "APP_SECRET"

packages/twenty-docker/k8s/terraform/variables.tf

@@ -29,7 +29,7 @@ variable "twentycrm_server_image" {
 
 variable "twentycrm_db_image" {
   type        = string
-  default     = "twentycrm/twenty-postgres-spilo:latest"
+  default     = "twentycrm/twenty-postgres:latest"
   description = "TwentyCRM image for database deployment. This defaults to latest."
 }
 

packages/twenty-docker/scripts/1-click.sh

@@ -1,22 +0,0 @@
-pull_version=${VERSION:-$(curl -s https://api.github.com/repos/twentyhq/twenty/tags | grep '"name":' | head -n 1 | cut -d '"' -f 4)}
-
-if [[ -z "$pull_version" ]]; then
-  echo "Error: Unable to fetch the latest version tag. Please check your network connection or the GitHub API response."
-  exit 1
-fi
-pull_branch=${BRANCH:-$pull_version}
-
-version_num=${pull_version#v}
-target_version="0.32.4"
-
-# We moved the install script to a different location in v0.32.4
-if [[ -n "$BRANCH" ]] || [[ "$(printf '%s\n' "$target_version" "$version_num" | sort -V | head -n1)" != "$version_num" ]]; then
-  curl -sL "https://raw.githubusercontent.com/twentyhq/twenty/$pull_branch/packages/twenty-docker/scripts/install.sh" -o twenty_install.sh
-else
-  curl -sL "https://raw.githubusercontent.com/twentyhq/twenty/$pull_branch/install.sh" -o twenty_install.sh
-fi
-
-chmod +x twenty_install.sh
-VERSION="$VERSION" BRANCH="$BRANCH" ./twenty_install.sh
-
-rm twenty_install.sh

packages/twenty-docker/twenty-postgres-spilo/Dockerfile

@@ -3,10 +3,10 @@ ARG SPILO_VERSION=3.2-p1
 ARG WRAPPERS_VERSION=0.2.0
 
 # Build the mysql_fdw extension
-FROM debian:bookworm AS build-mysql_fdw
+FROM debian:bookworm as build-mysql_fdw
 ARG POSTGRES_VERSION
 
-ENV DEBIAN_FRONTEND=noninteractive
+ENV DEBIAN_FRONTEND noninteractive
 RUN apt update && \
     apt install -y \
     build-essential \
@@ -17,14 +17,14 @@ RUN apt update && \
 
 # Install mysql_fdw
 RUN git clone https://github.com/EnterpriseDB/mysql_fdw.git
-WORKDIR /mysql_fdw
+WORKDIR mysql_fdw
 RUN make USE_PGXS=1
 
 
 # Build libssl for wrappers
-FROM ubuntu:22.04 AS build-libssl
+FROM ubuntu:22.04 as build-libssl
 
-ENV DEBIAN_FRONTEND=noninteractive
+ENV DEBIAN_FRONTEND noninteractive
 RUN apt update && \
     apt install -y \
     build-essential \

packages/twenty-docker/twenty-postgres/Dockerfile

@@ -0,0 +1,45 @@
+ARG IMAGE_TAG='15.5.0-debian-11-r15'
+
+FROM bitnami/postgresql:${IMAGE_TAG}
+
+ARG PG_MAIN_VERSION=15
+ARG WRAPPERS_VERSION=0.2.0
+ARG TARGETARCH
+
+USER root
+
+RUN set -eux; \
+    ARCH="$(dpkg --print-architecture)"; \
+    case "${ARCH}" in \
+       aarch64|arm64) \
+         TARGETARCH='arm64'; \
+         ;; \
+       amd64|x86_64) \
+         TARGETARCH='amd64'; \
+         ;; \
+       *) \
+         echo "Unsupported arch: ${ARCH}"; \
+         exit 1; \
+         ;; \
+    esac;
+
+RUN apt update && apt install build-essential git curl default-libmysqlclient-dev -y
+
+# Install precompiled supabase wrappers extensions
+RUN curl -L "https://github.com/supabase/wrappers/releases/download/v${WRAPPERS_VERSION}/wrappers-v${WRAPPERS_VERSION}-pg${PG_MAIN_VERSION}-${TARGETARCH}-linux-gnu.deb" -o wrappers.deb
+RUN dpkg --install wrappers.deb
+RUN cp /usr/share/postgresql/${PG_MAIN_VERSION}/extension/wrappers* /opt/bitnami/postgresql/share/extension/
+RUN cp /usr/lib/postgresql/${PG_MAIN_VERSION}/lib/wrappers* /opt/bitnami/postgresql/lib/
+
+RUN export PATH=/usr/local/pgsql/bin/:$PATH
+RUN export PATH=/usr/local/mysql/bin/:$PATH
+RUN git clone https://github.com/EnterpriseDB/mysql_fdw.git
+WORKDIR mysql_fdw
+RUN make USE_PGXS=1
+RUN make USE_PGXS=1 install
+
+COPY ./packages/twenty-docker/twenty-postgres/init.sql /docker-entrypoint-initdb.d/
+
+USER 1001
+ENTRYPOINT ["/opt/bitnami/scripts/postgresql/entrypoint.sh"]
+CMD ["/opt/bitnami/scripts/postgresql/run.sh"]

packages/twenty-docker/twenty-postgres/init.sql

@@ -0,0 +1,4 @@
+CREATE DATABASE "default";
+CREATE DATABASE "test";
+CREATE USER twenty PASSWORD 'twenty';
+ALTER ROLE twenty superuser;

packages/twenty-docker/twenty/Dockerfile

@@ -11,7 +11,6 @@ COPY ./packages/twenty-emails/package.json /app/packages/twenty-emails/
 COPY ./packages/twenty-server/package.json /app/packages/twenty-server/
 COPY ./packages/twenty-server/patches /app/packages/twenty-server/patches
 COPY ./packages/twenty-ui/package.json /app/packages/twenty-ui/
-COPY ./packages/twenty-shared/package.json /app/packages/twenty-shared/
 COPY ./packages/twenty-front/package.json /app/packages/twenty-front/
 
 # Install all dependencies
@@ -23,7 +22,6 @@ FROM common-deps as twenty-server-build
 
 # Copy sourcecode after installing dependences to accelerate subsequents builds
 COPY ./packages/twenty-emails /app/packages/twenty-emails
-COPY ./packages/twenty-shared /app/packages/twenty-shared
 COPY ./packages/twenty-server /app/packages/twenty-server
 
 RUN npx nx run twenty-server:build
@@ -33,7 +31,7 @@ RUN mv /app/packages/twenty-server/dist/package.json /app/packages/twenty-server
 RUN rm -rf /app/packages/twenty-server/dist
 RUN mv /app/packages/twenty-server/build /app/packages/twenty-server/dist
 
-RUN yarn workspaces focus --production twenty-emails twenty-shared twenty-server
+RUN yarn workspaces focus --production twenty-emails twenty-server
 
 
 # Build the front
@@ -43,7 +41,6 @@ ARG REACT_APP_SERVER_BASE_URL
 
 COPY ./packages/twenty-front /app/packages/twenty-front
 COPY ./packages/twenty-ui /app/packages/twenty-ui
-COPY ./packages/twenty-shared /app/packages/twenty-shared
 RUN npx nx build twenty-front
 
 
@@ -55,10 +52,9 @@ RUN apk add --no-cache curl jq
 
 RUN npm install -g tsx
 
-RUN apk add --no-cache postgresql-client
-
 COPY ./packages/twenty-docker/twenty/entrypoint.sh /app/entrypoint.sh
 RUN chmod +x /app/entrypoint.sh
+
 WORKDIR /app/packages/twenty-server
 
 ARG REACT_APP_SERVER_BASE_URL

packages/twenty-docker/twenty/entrypoint.sh

@@ -1,18 +1,9 @@
 #!/bin/sh
-set -e
 
 # Check if the initialization has already been done and that we enabled automatic migration
-if [ "${DISABLE_DB_MIGRATIONS}" != "true" ] && [ ! -f /app/docker-data/db_status ]; then
+if [ "${ENABLE_DB_MIGRATIONS}" = "true" ] && [ ! -f /app/docker-data/db_status ]; then
     echo "Running database setup and migrations..."
 
-    # Creating the database if it doesn't exist
-    PGUSER=$(echo $PG_DATABASE_URL | awk -F '//' '{print $2}' | awk -F ':' '{print $1}')
-    PGPASS=$(echo $PG_DATABASE_URL | awk -F ':' '{print $3}' | awk -F '@' '{print $1}')
-    PGHOST=$(echo $PG_DATABASE_URL | awk -F '@' '{print $2}' | awk -F ':' '{print $1}')
-    PGPORT=$(echo $PG_DATABASE_URL | awk -F ':' '{print $4}' | awk -F '/' '{print $1}')
-    PGPASSWORD=${PGPASS} psql -h ${PGHOST} -p ${PGPORT} -U ${PGUSER} -d postgres -tc "SELECT 1 FROM pg_database WHERE datname = 'default'" | grep -q 1 || \
-    PGPASSWORD=${PGPASS} psql -h ${PGHOST} -p ${PGPORT} -U ${PGUSER} -d postgres -c "CREATE DATABASE \"default\""
-
     # Run setup and migration scripts
     NODE_OPTIONS="--max-old-space-size=1500" tsx ./scripts/setup-db.ts
     yarn database:migrate:prod

packages/twenty-e2e-testing/.env.example

@@ -1,7 +1,9 @@
 # Note that provide always without trailing forward slash to have expected behaviour
 FRONTEND_BASE_URL=http://localhost:3001
-BACKEND_BASE_URL=http://localhost:3000
+CI_DEFAULT_BASE_URL=https://demo.twenty.com
 DEFAULT_LOGIN=tim@apple.dev
+NEW_WORKSPACE_LOGIN=test@apple.dev
+DEMO_DEFAULT_LOGIN=noah@demo.dev
 DEFAULT_PASSWORD=Applecar2025
 WEBSITE_URL=https://twenty.com
 

packages/twenty-e2e-testing/README.md

@@ -1,43 +1,39 @@
-# Twenty end-to-end (E2E) Testing
+# Twenty e2e Testing
 
 ## Prerequisite
 
 Installing the browsers:
 
 ```
-npx nx setup twenty-e2e-testing
+yarn playwright install 
 ```
 
 ### Run end-to-end tests
 
 ```
-npx nx test twenty-e2e-testing
+yarn run test:e2e
 ```
 
 ### Start the interactive UI mode
 
 ```
-npx nx test:ui twenty-e2e-testing
+yarn run test:e2e:ui
+```
+
+### Run test only on Desktop Chrome
+
+```
+yarn run test:e2e:chrome
 ```
 
 ### Run test in specific file
 ```
-npx nx test twenty-e2e-testing <filename>
-```
-
-Example (location of the test must be specified from the root of `twenty-e2e-testing` package):
-```
-npx nx test twenty-e2e-testing tests/login.spec.ts
+yarn run test:e2e <filename>
 ```
 
 ### Runs the tests in debug mode.
 ```
-npx nx test:debug twenty-e2e-testing
-```
-
-### Show report after tests
-```
-npx nx test:report twenty-e2e-testing
+yarn run test:e2e:debug
 ```
 
 ## Q&A

packages/twenty-e2e-testing/config/customreporter.ts

@@ -0,0 +1,33 @@
+import {
+  Reporter,
+  FullConfig,
+  Suite,
+  TestCase,
+  TestResult,
+  FullResult,
+} from '@playwright/test/reporter';
+
+class CustomReporter implements Reporter {
+  constructor(options: { customOption?: string } = {}) {
+    console.log(
+      `my-awesome-reporter setup with customOption set to ${options.customOption}`,
+    );
+  }
+
+  onBegin(config: FullConfig, suite: Suite) {
+    console.log(`Starting the run with ${suite.allTests().length} tests`);
+  }
+
+  onTestBegin(test: TestCase) {
+    console.log(`Starting test ${test.title}`);
+  }
+
+  onTestEnd(test: TestCase, result: TestResult) {
+    console.log(`Finished test ${test.title}: ${result.status}`);
+  }
+
+  onEnd(result: FullResult) {
+    console.log(`Finished the run: ${result.status}`);
+  }
+}
+export default CustomReporter;

packages/twenty-e2e-testing/drivers/shell_driver.ts

@@ -0,0 +1,13 @@
+import { exec } from 'child_process';
+
+export async function sh(cmd) {
+  return new Promise((resolve, reject) => {
+    exec(cmd, (err, stdout, stderr) => {
+      if (err) {
+        reject(err);
+      } else {
+        resolve({ stdout, stderr });
+      }
+    });
+  });
+}

packages/twenty-e2e-testing/lib/fixtures/blank-workflow.ts

@@ -1,264 +0,0 @@
-import { test as base, expect, Locator, Page } from '@playwright/test';
-import { randomUUID } from 'node:crypto';
-import { createWorkflow } from '../requests/create-workflow';
-import { deleteWorkflow } from '../requests/delete-workflow';
-import { destroyWorkflow } from '../requests/destroy-workflow';
-import { WorkflowActionType, WorkflowTriggerType } from '../types/workflows';
-
-export class WorkflowVisualizerPage {
-  #page: Page;
-
-  workflowId: string;
-  workflowName: string;
-
-  readonly addStepButton: Locator;
-  readonly workflowStatus: Locator;
-  readonly activateWorkflowButton: Locator;
-  readonly deactivateWorkflowButton: Locator;
-  readonly addTriggerButton: Locator;
-  readonly commandMenu: Locator;
-  readonly workflowNameLabel: Locator;
-  readonly triggerNode: Locator;
-  readonly background: Locator;
-  readonly useAsDraftButton: Locator;
-  readonly overrideDraftButton: Locator;
-  readonly discardDraftButton: Locator;
-
-  #actionNames: Record<WorkflowActionType, string> = {
-    'create-record': 'Create Record',
-    'update-record': 'Update Record',
-    'delete-record': 'Delete Record',
-    code: 'Code',
-    'send-email': 'Send Email',
-  };
-
-  #createdActionNames: Record<WorkflowActionType, string> = {
-    'create-record': 'Create Record',
-    'update-record': 'Update Record',
-    'delete-record': 'Delete Record',
-    code: 'Code - Serverless Function',
-    'send-email': 'Send Email',
-  };
-
-  #triggerNames: Record<WorkflowTriggerType, string> = {
-    'record-created': 'Record is Created',
-    'record-updated': 'Record is Updated',
-    'record-deleted': 'Record is Deleted',
-    manual: 'Launch manually',
-  };
-
-  #createdTriggerNames: Record<WorkflowTriggerType, string> = {
-    'record-created': 'Record is Created',
-    'record-updated': 'Record is Updated',
-    'record-deleted': 'Record is Deleted',
-    manual: 'Manual Trigger',
-  };
-
-  constructor({ page, workflowName }: { page: Page; workflowName: string }) {
-    this.#page = page;
-    this.workflowName = workflowName;
-
-    this.addStepButton = page.getByLabel('Add a step');
-    this.workflowStatus = page.getByTestId('workflow-visualizer-status');
-    this.activateWorkflowButton = page.getByLabel('Activate Workflow', {
-      exact: true,
-    });
-    this.deactivateWorkflowButton = page.getByLabel('Deactivate Workflow', {
-      exact: true,
-    });
-    this.addTriggerButton = page.getByText('Add a Trigger');
-    this.commandMenu = page.getByTestId('command-menu');
-    this.workflowNameLabel = page
-      .getByTestId('top-bar-title')
-      .getByText(this.workflowName);
-    this.triggerNode = this.#page.getByTestId('rf__node-trigger');
-    this.background = page.locator('.react-flow__pane');
-    this.useAsDraftButton = page.getByRole('button', { name: 'Use as draft' });
-    this.overrideDraftButton = page.getByRole('button', {
-      name: 'Override Draft',
-    });
-    this.discardDraftButton = page.getByRole('button', {
-      name: 'Discard Draft',
-    });
-  }
-
-  async createOneWorkflow() {
-    const id = randomUUID();
-
-    const response = await createWorkflow({
-      page: this.#page,
-      workflowId: id,
-      workflowName: this.workflowName,
-    });
-
-    expect(response.status()).toBe(200);
-
-    const responseBody = await response.json();
-    expect(responseBody.data.createWorkflow.id).toBe(id);
-
-    this.workflowId = id;
-  }
-
-  async waitForWorkflowVisualizerLoad() {
-    await expect(this.workflowNameLabel).toBeVisible();
-  }
-
-  async goToWorkflowVisualizerPage() {
-    await Promise.all([
-      this.#page.goto(`/object/workflow/${this.workflowId}`),
-
-      this.waitForWorkflowVisualizerLoad(),
-    ]);
-  }
-
-  async createInitialTrigger(trigger: WorkflowTriggerType) {
-    await this.addTriggerButton.click();
-
-    const triggerName = this.#triggerNames[trigger];
-    const createdTriggerName = this.#createdTriggerNames[trigger];
-
-    const triggerOption = this.#page.getByText(triggerName);
-    await triggerOption.click();
-
-    await expect(this.triggerNode).toHaveClass(/selected/);
-    await expect(this.triggerNode).toContainText(createdTriggerName);
-  }
-
-  async createStep(action: WorkflowActionType) {
-    await this.addStepButton.click();
-
-    const actionName = this.#actionNames[action];
-    const createdActionName = this.#createdActionNames[action];
-
-    const actionToCreateOption = this.commandMenu.getByText(actionName);
-
-    await actionToCreateOption.click();
-
-    const createWorkflowStepResponse = await this.#page.waitForResponse(
-      (response) => {
-        if (!response.url().endsWith('/graphql')) {
-          return false;
-        }
-
-        const requestBody = response.request().postDataJSON();
-
-        return requestBody.operationName === 'CreateWorkflowVersionStep';
-      },
-    );
-
-    const createWorkflowStepResponseBody =
-      await createWorkflowStepResponse.json();
-    const createdStepId =
-      createWorkflowStepResponseBody.data.createWorkflowVersionStep.id;
-
-    const createdActionNode = this.#page
-      .locator('.react-flow__node.selected')
-      .getByText(createdActionName);
-
-    await expect(createdActionNode).toBeVisible();
-
-    const selectedNodes = this.#page.locator('.react-flow__node.selected');
-
-    await expect(selectedNodes).toHaveCount(1);
-
-    return {
-      createdStepId,
-    };
-  }
-
-  getStepNode(stepId: string) {
-    return this.#page.getByTestId(`rf__node-${stepId}`);
-  }
-
-  getDeleteNodeButton(nodeLocator: Locator) {
-    return nodeLocator.getByRole('button');
-  }
-
-  getAllStepNodes() {
-    return this.#page
-      .getByTestId(/^rf__node-.+$/)
-      .and(this.#page.getByTestId(/^((?!rf__node-trigger).)*$/))
-      .and(
-        this.#page.getByTestId(/^((?!rf__node-branch-\d+__create-step).)*$/),
-      );
-  }
-
-  async deleteStep(stepId: string) {
-    const stepNode = this.getStepNode(stepId);
-
-    await stepNode.click();
-
-    await Promise.all([
-      expect(stepNode).not.toBeVisible(),
-      this.#page.waitForResponse((response) => {
-        if (!response.url().endsWith('/graphql')) {
-          return false;
-        }
-
-        const requestBody = response.request().postDataJSON();
-
-        return (
-          requestBody.operationName === 'DeleteWorkflowVersionStep' &&
-          requestBody.variables.input.stepId === stepId
-        );
-      }),
-
-      this.getDeleteNodeButton(stepNode).click(),
-    ]);
-  }
-
-  async deleteTrigger() {
-    await this.triggerNode.click();
-
-    await Promise.all([
-      expect(this.triggerNode).toContainText('Add a Trigger'),
-      this.#page.waitForResponse((response) => {
-        if (!response.url().endsWith('/graphql')) {
-          return false;
-        }
-
-        const requestBody = response.request().postDataJSON();
-
-        return (
-          requestBody.operationName === 'UpdateOneWorkflowVersion' &&
-          requestBody.variables.input.trigger === null
-        );
-      }),
-
-      this.getDeleteNodeButton(this.triggerNode).click(),
-    ]);
-  }
-
-  async closeSidePanel() {
-    const closeButton = this.#page.getByTestId(
-      'page-header-command-menu-button',
-    );
-
-    await closeButton.click();
-  }
-}
-
-export const test = base.extend<{ workflowVisualizer: WorkflowVisualizerPage }>(
-  {
-    workflowVisualizer: async ({ page }, use) => {
-      const workflowVisualizer = new WorkflowVisualizerPage({
-        page,
-        workflowName: 'Test Workflow',
-      });
-
-      await workflowVisualizer.createOneWorkflow();
-      await workflowVisualizer.goToWorkflowVisualizerPage();
-
-      await use(workflowVisualizer);
-
-      await deleteWorkflow({
-        page,
-        workflowId: workflowVisualizer.workflowId,
-      });
-      await destroyWorkflow({
-        page,
-        workflowId: workflowVisualizer.workflowId,
-      });
-    },
-  },
-);

packages/twenty-e2e-testing/lib/pom/helper/confirmationModal.ts

@@ -1,36 +0,0 @@
-import { Locator, Page } from '@playwright/test';
-
-export class ConfirmationModal {
-  private readonly input: Locator;
-  private readonly cancelButton: Locator;
-  private readonly confirmButton: Locator;
-
-  constructor(public readonly page: Page) {
-    this.page = page;
-    this.input = page.getByTestId('confirmation-modal-input');
-    this.cancelButton = page.getByRole('button', { name: 'Cancel' });
-    this.confirmButton = page.getByTestId('confirmation-modal-confirm-button');
-  }
-
-  async typePlaceholderToInput() {
-    await this.page
-      .getByTestId('confirmation-modal-input')
-      .fill(
-        await this.page
-          .getByTestId('confirmation-modal-input')
-          .getAttribute('placeholder'),
-      );
-  }
-
-  async typePhraseToInput(value: string) {
-    await this.page.getByTestId('confirmation-modal-input').fill(value);
-  }
-
-  async clickCancelButton() {
-    await this.page.getByRole('button', { name: 'Cancel' }).click();
-  }
-
-  async clickConfirmButton() {
-    await this.page.getByTestId('confirmation-modal-confirm-button').click();
-  }
-}

packages/twenty-e2e-testing/lib/pom/helper/formatDate.function.ts

@@ -1,28 +0,0 @@
-const nth = (d: number) => {
-  if (d > 3 && d < 21) return 'th';
-  switch (d % 10) {
-    case 1:
-      return 'st';
-    case 2:
-      return 'nd';
-    case 3:
-      return 'rd';
-    default:
-      return 'th';
-  }
-};
-
-// label looks like this: Choose Wednesday, October 30th, 2024
-// eslint-disable-next-line prefer-arrow/prefer-arrow-functions
-export function formatDate(value: string): string {
-  const date = new Date(value);
-  return 'Choose '.concat(
-    date.toLocaleDateString('en-US', { weekday: 'long' }),
-    ', ',
-    date.toLocaleDateString('en-US', { month: 'long' }),
-    ' ',
-    nth(date.getDate()),
-    ', ',
-    date.toLocaleDateString('en-US', { year: 'numeric' }),
-  );
-}

packages/twenty-e2e-testing/lib/pom/helper/googleLogin.ts

@@ -1,6 +0,0 @@
-import { Locator, Page } from '@playwright/test';
-
-export class GoogleLogin {
-  // TODO: map all things like inputs and buttons
-  //  (what's the correct way for proceeding with Google interaction? log in each time test is performed?)
-}

packages/twenty-e2e-testing/lib/pom/helper/iconSelect.ts

@@ -1,23 +0,0 @@
-import { Locator, Page } from '@playwright/test';
-
-export class IconSelect {
-  private readonly iconSelectButton: Locator;
-  private readonly iconSearchInput: Locator;
-
-  constructor(public readonly page: Page) {
-    this.iconSelectButton = page.getByLabel('Click to select icon (');
-    this.iconSearchInput = page.getByPlaceholder('Search icon');
-  }
-
-  async selectIcon(name: string) {
-    await this.iconSelectButton.click();
-    await this.iconSearchInput.fill(name);
-    await this.page.getByTitle(name).click();
-  }
-
-  async selectRelationIcon(name: string) {
-    await this.iconSelectButton.nth(1).click();
-    await this.iconSearchInput.fill(name);
-    await this.page.getByTitle(name).click();
-  }
-}

packages/twenty-e2e-testing/lib/pom/helper/insertFieldData.ts

@@ -1,267 +0,0 @@
-import { Locator, Page } from '@playwright/test';
-import { formatDate } from './formatDate.function';
-
-export class InsertFieldData {
-  private readonly address1Input: Locator;
-  private readonly address2Input: Locator;
-  private readonly cityInput: Locator;
-  private readonly stateInput: Locator;
-  private readonly postCodeInput: Locator;
-  private readonly countrySelect: Locator;
-  private readonly arrayValueInput: Locator;
-  private readonly arrayAddValueButton: Locator;
-  // boolean react after click so no need to write special locator
-  private readonly currencySelect: Locator;
-  private readonly currencyAmountInput: Locator;
-  private readonly monthSelect: Locator;
-  private readonly yearSelect: Locator;
-  private readonly previousMonthButton: Locator;
-  private readonly nextMonthButton: Locator;
-  private readonly clearDateButton: Locator;
-  private readonly dateInput: Locator;
-  private readonly firstNameInput: Locator;
-  private readonly lastNameInput: Locator;
-  private readonly addURLButton: Locator;
-  private readonly setAsPrimaryButton: Locator;
-  private readonly addPhoneButton: Locator;
-  private readonly addMailButton: Locator;
-
-  constructor(public readonly page: Page) {
-    this.page = page;
-    this.address1Input = page.locator(
-      '//label[contains(., "ADDRESS 1")]/../div[last()]/input',
-    );
-    this.address2Input = page.locator(
-      '//label[contains(., "ADDRESS 2")]/../div[last()]/input',
-    );
-    this.cityInput = page.locator(
-      '//label[contains(., "CITY")]/../div[last()]/input',
-    );
-    this.stateInput = page.locator(
-      '//label[contains(., "STATE")]/../div[last()]/input',
-    );
-    this.postCodeInput = page.locator(
-      '//label[contains(., "POST CODE")]/../div[last()]/input',
-    );
-    this.countrySelect = page.locator(
-      '//span[contains(., "COUNTRY")]/../div[last()]/input',
-    );
-    this.arrayValueInput = page.locator("//input[@placeholder='Enter value']");
-    this.arrayAddValueButton = page.locator(
-      "//div[@data-testid='tooltip' and contains(.,'Add item')]",
-    );
-    this.currencySelect = page.locator(
-      '//body/div[last()]/div/div/div[first()]/div/div',
-    );
-    this.currencyAmountInput = page.locator("//input[@placeholder='Currency']");
-    this.monthSelect; // TODO: add once some other attributes are added
-    this.yearSelect;
-    this.previousMonthButton;
-    this.nextMonthButton;
-    this.clearDateButton = page.locator(
-      "//div[@data-testid='tooltip' and contains(., 'Clear')]",
-    );
-    this.dateInput = page.locator("//input[@placeholder='Type date and time']");
-    this.firstNameInput = page.locator("//input[@placeholder='First name']"); // may fail if placeholder is `F‌‌irst name` instead of `First name`
-    this.lastNameInput = page.locator("//input[@placeholder='Last name']"); // may fail if placeholder is `L‌‌ast name` instead of `Last name`
-    this.addURLButton = page.locator(
-      "//div[@data-testid='tooltip' and contains(., 'Add URL')]",
-    );
-    this.setAsPrimaryButton = page.locator(
-      "//div[@data-testid='tooltip' and contains(., 'Set as primary')]",
-    );
-    this.addPhoneButton = page.locator(
-      "//div[@data-testid='tooltip' and contains(., 'Add Phone')]",
-    );
-    this.addMailButton = page.locator(
-      "//div[@data-testid='tooltip' and contains(., 'Add Email')]",
-    );
-  }
-
-  // address
-  async typeAddress1(value: string) {
-    await this.address1Input.fill(value);
-  }
-
-  async typeAddress2(value: string) {
-    await this.address2Input.fill(value);
-  }
-
-  async typeCity(value: string) {
-    await this.cityInput.fill(value);
-  }
-
-  async typeState(value: string) {
-    await this.stateInput.fill(value);
-  }
-
-  async typePostCode(value: string) {
-    await this.postCodeInput.fill(value);
-  }
-
-  async selectCountry(value: string) {
-    await this.countrySelect.click();
-    await this.page
-      .locator(`//div[@data-testid='tooltip' and contains(., '${value}')]`)
-      .click();
-  }
-
-  // array
-  async typeArrayValue(value: string) {
-    await this.arrayValueInput.fill(value);
-  }
-
-  async clickAddItemButton() {
-    await this.arrayAddValueButton.click();
-  }
-
-  // currency
-  async selectCurrency(value: string) {
-    await this.currencySelect.click();
-    await this.page
-      .locator(`//div[@data-testid='tooltip' and contains(., '${value}')]`)
-      .click();
-  }
-
-  async typeCurrencyAmount(value: string) {
-    await this.currencyAmountInput.fill(value);
-  }
-
-  // date(-time)
-  async typeDate(value: string) {
-    await this.dateInput.fill(value);
-  }
-
-  async selectMonth(value: string) {
-    await this.monthSelect.click();
-    await this.page
-      .locator(`//div[@data-testid='tooltip' and contains(., '${value}')]`)
-      .click();
-  }
-
-  async selectYear(value: string) {
-    await this.yearSelect.click();
-    await this.page
-      .locator(`//div[@data-testid='tooltip' and contains(., '${value}')]`)
-      .click();
-  }
-
-  async clickPreviousMonthButton() {
-    await this.previousMonthButton.click();
-  }
-
-  async clickNextMonthButton() {
-    await this.nextMonthButton.click();
-  }
-
-  async selectDay(value: string) {
-    await this.page
-      .locator(`//div[@aria-label='${formatDate(value)}']`)
-      .click();
-  }
-
-  async clearDate() {
-    await this.clearDateButton.click();
-  }
-
-  // email
-  async typeEmail(value: string) {
-    await this.page.locator(`//input[@placeholder='Email']`).fill(value);
-  }
-
-  async clickAddMailButton() {
-    await this.addMailButton.click();
-  }
-
-  // full name
-  async typeFirstName(name: string) {
-    await this.firstNameInput.fill(name);
-  }
-
-  async typeLastName(name: string) {
-    await this.lastNameInput.fill(name);
-  }
-
-  // JSON
-  // placeholder is dependent on the name of field
-  async typeJSON(placeholder: string, value: string) {
-    await this.page
-      .locator(`//input[@placeholder='${placeholder}']`)
-      .fill(value);
-  }
-
-  // link
-  async typeLink(value: string) {
-    await this.page.locator("//input[@placeholder='URL']").fill(value);
-  }
-
-  async clickAddURL() {
-    await this.addURLButton.click();
-  }
-
-  // (multi-)select
-  async selectValue(value: string) {
-    await this.page
-      .locator(`//div[@data-testid='tooltip' and contains(., '${value}')]`)
-      .click();
-  }
-
-  // number
-  // placeholder is dependent on the name of field
-  async typeNumber(placeholder: string, value: string) {
-    await this.page
-      .locator(`//input[@placeholder='${placeholder}']`)
-      .fill(value);
-  }
-
-  // phones
-  async selectCountryPhoneCode(countryCode: string) {
-    await this.page
-      .locator(
-        `//div[@data-testid='tooltip' and contains(., '${countryCode}')]`,
-      )
-      .click();
-  }
-
-  async typePhoneNumber(value: string) {
-    await this.page.locator(`//input[@placeholder='Phone']`).fill(value);
-  }
-
-  async clickAddPhoneButton() {
-    await this.addPhoneButton.click();
-  }
-
-  // rating
-  // if adding rating for the first time, hover must be used
-  async selectRating(rating: number) {
-    await this.page.locator(`//div[@role='slider']/div[${rating}]`).click();
-  }
-
-  // text
-  // placeholder is dependent on the name of field
-  async typeText(placeholder: string, value: string) {
-    await this.page
-      .locator(`//input[@placeholder='${placeholder}']`)
-      .fill(value);
-  }
-
-  async clickSetAsPrimaryButton() {
-    await this.setAsPrimaryButton.click();
-  }
-
-  async searchValue(value: string) {
-    await this.page.locator(`//div[@placeholder='Search']`).fill(value);
-  }
-
-  async clickEditButton() {
-    await this.page
-      .locator("//div[@data-testid='tooltip' and contains(., 'Edit')]")
-      .click();
-  }
-
-  async clickDeleteButton() {
-    await this.page
-      .locator("//div[@data-testid='tooltip' and contains(., 'Delete')]")
-      .click();
-  }
-}

packages/twenty-e2e-testing/lib/pom/helper/stripePage.ts

@@ -1,5 +0,0 @@
-import { Locator, Page } from '@playwright/test';
-
-export class StripePage {
-  // TODO: implement all necessary methods (staging/sandbox page - does it differ anyhow from normal page?)
-}

packages/twenty-e2e-testing/lib/pom/helper/uploadImage.ts

@@ -1,25 +0,0 @@
-import { Locator, Page } from '@playwright/test';
-
-export class UploadImage {
-  private readonly imagePreview: Locator;
-  private readonly uploadButton: Locator;
-  private readonly removeButton: Locator;
-
-  constructor(public readonly page: Page) {
-    this.imagePreview = page.locator('.css-6eut39'); //TODO: add attribute to make it independent of theme
-    this.uploadButton = page.getByRole('button', { name: 'Upload' });
-    this.removeButton = page.getByRole('button', { name: 'Remove' });
-  }
-
-  async clickImagePreview() {
-    await this.imagePreview.click();
-  }
-
-  async clickUploadButton() {
-    await this.uploadButton.click();
-  }
-
-  async clickRemoveButton() {
-    await this.removeButton.click();
-  }
-}

packages/twenty-e2e-testing/lib/pom/leftMenu.ts

@@ -1,115 +0,0 @@
-import { Locator, Page } from '@playwright/test';
-
-export class LeftMenu {
-  private readonly workspaceDropdown: Locator;
-  private readonly leftMenu: Locator;
-  private readonly searchSubTab: Locator;
-  private readonly settingsTab: Locator;
-  private readonly peopleTab: Locator;
-  private readonly companiesTab: Locator;
-  private readonly opportunitiesTab: Locator;
-  private readonly opportunitiesTabAll: Locator;
-  private readonly opportunitiesTabByStage: Locator;
-  private readonly tasksTab: Locator;
-  private readonly tasksTabAll: Locator;
-  private readonly tasksTabByStatus: Locator;
-  private readonly notesTab: Locator;
-  private readonly rocketsTab: Locator;
-  private readonly workflowsTab: Locator;
-
-  constructor(public readonly page: Page) {
-    this.page = page;
-    this.workspaceDropdown = page.getByTestId('workspace-dropdown');
-    this.leftMenu = page.getByRole('button').first();
-    this.searchSubTab = page.getByText('Search');
-    this.settingsTab = page.getByRole('link', { name: 'Settings' });
-    this.peopleTab = page.getByRole('link', { name: 'People' });
-    this.companiesTab = page.getByRole('link', { name: 'Companies' });
-    this.opportunitiesTab = page.getByRole('link', { name: 'Opportunities' });
-    this.opportunitiesTabAll = page.getByRole('link', {
-      name: 'All',
-      exact: true,
-    });
-    this.opportunitiesTabByStage = page.getByRole('link', { name: 'By Stage' });
-    this.tasksTab = page.getByRole('link', { name: 'Tasks' });
-    this.tasksTabAll = page.getByRole('link', { name: 'All tasks' });
-    this.tasksTabByStatus = page.getByRole('link', { name: 'Notes' });
-    this.notesTab = page.getByRole('link', { name: 'Notes' });
-    this.rocketsTab = page.getByRole('link', { name: 'Rockets' });
-    this.workflowsTab = page.getByRole('link', { name: 'Workflows' });
-  }
-
-  async selectWorkspace(workspaceName: string) {
-    await this.workspaceDropdown.click();
-    await this.page
-      .getByTestId('tooltip')
-      .filter({ hasText: workspaceName })
-      .click();
-  }
-
-  async changeLeftMenu() {
-    await this.leftMenu.click();
-  }
-
-  async openSearchTab() {
-    await this.searchSubTab.click();
-  }
-
-  async goToSettings() {
-    await this.settingsTab.click();
-  }
-
-  async goToPeopleTab() {
-    await this.peopleTab.click();
-  }
-
-  async goToCompaniesTab() {
-    await this.companiesTab.click();
-  }
-
-  async goToOpportunitiesTab() {
-    await this.opportunitiesTab.click();
-  }
-
-  async goToOpportunitiesTableView() {
-    await this.opportunitiesTabAll.click();
-  }
-
-  async goToOpportunitiesKanbanView() {
-    await this.opportunitiesTabByStage.click();
-  }
-
-  async goToTasksTab() {
-    await this.tasksTab.click();
-  }
-
-  async goToTasksTableView() {
-    await this.tasksTabAll.click();
-  }
-
-  async goToTasksKanbanView() {
-    await this.tasksTabByStatus.click();
-  }
-
-  async goToNotesTab() {
-    await this.notesTab.click();
-  }
-
-  async goToRocketsTab() {
-    await this.rocketsTab.click();
-  }
-
-  async goToWorkflowsTab() {
-    await this.workflowsTab.click();
-  }
-
-  async goToCustomObject(customObjectName: string) {
-    await this.page.getByRole('link', { name: customObjectName }).click();
-  }
-
-  async goToCustomObjectView(name: string) {
-    await this.page.getByRole('link', { name: name }).click();
-  }
-}
-
-export default LeftMenu;

packages/twenty-e2e-testing/lib/pom/loginPage.ts

@@ -1,189 +0,0 @@
-import { expect, Locator, Page } from '@playwright/test';
-
-export class LoginPage {
-  private readonly loginWithGoogleButton: Locator;
-  private readonly loginWithEmailButton: Locator;
-  private readonly termsOfServiceLink: Locator;
-  private readonly privacyPolicyLink: Locator;
-  private readonly emailField: Locator;
-  private readonly continueButton: Locator;
-  private readonly forgotPasswordButton: Locator;
-  private readonly passwordField: Locator;
-  private readonly revealPasswordButton: Locator;
-  readonly signInButton: Locator;
-  private readonly signUpButton: Locator;
-  private readonly previewImageButton: Locator;
-  private readonly uploadImageButton: Locator;
-  private readonly deleteImageButton: Locator;
-  private readonly workspaceNameField: Locator;
-  private readonly firstNameField: Locator;
-  private readonly lastNameField: Locator;
-  private readonly syncEverythingWithGoogleRadio: Locator;
-  private readonly syncSubjectAndMetadataWithGoogleRadio: Locator;
-  private readonly syncMetadataWithGoogleRadio: Locator;
-  private readonly syncWithGoogleButton: Locator;
-  private readonly noSyncButton: Locator;
-  private readonly inviteLinkField1: Locator;
-  private readonly inviteLinkField2: Locator;
-  private readonly inviteLinkField3: Locator;
-  private readonly copyInviteLink: Locator;
-  private readonly finishButton: Locator;
-
-  constructor(public readonly page: Page) {
-    this.page = page;
-    this.loginWithGoogleButton = page.getByRole('button', {
-      name: 'Continue with Google',
-    });
-    this.loginWithEmailButton = page.getByRole('button', {
-      name: 'Continue with Email',
-    });
-    this.termsOfServiceLink = page.getByRole('link', {
-      name: 'Terms of Service',
-    });
-    this.privacyPolicyLink = page.getByRole('link', { name: 'Privacy Policy' });
-    this.emailField = page.getByPlaceholder('Email');
-    this.continueButton = page.getByRole('button', {
-      name: 'Continue',
-      exact: true,
-    });
-    this.forgotPasswordButton = page.getByText('Forgot your password?');
-    this.passwordField = page.getByPlaceholder('Password');
-    this.revealPasswordButton = page.getByTestId('reveal-password-button');
-    this.signInButton = page.getByRole('button', { name: 'Sign in' });
-    this.signUpButton = page.getByRole('button', { name: 'Sign up' });
-    this.previewImageButton = page.locator('.css-1qzw107'); // TODO: fix
-    this.uploadImageButton = page.getByRole('button', { name: 'Upload' });
-    this.deleteImageButton = page.getByRole('button', { name: 'Remove' });
-    this.workspaceNameField = page.getByPlaceholder('Apple');
-    this.firstNameField = page.getByPlaceholder('Tim');
-    this.lastNameField = page.getByPlaceholder('Cook');
-    this.syncEverythingWithGoogleRadio = page.locator(
-      'input[value="SHARE_EVERYTHING"]',
-    );
-    this.syncSubjectAndMetadataWithGoogleRadio = page.locator(
-      'input[value="SUBJECT"]',
-    );
-    this.syncMetadataWithGoogleRadio = page.locator('input[value="METADATA"]');
-    this.syncWithGoogleButton = page.getByRole('button', {
-      name: 'Sync with Google',
-    });
-    this.noSyncButton = page.getByText('Continue without sync');
-    this.inviteLinkField1 = page.getByPlaceholder('tim@apple.dev');
-    this.inviteLinkField2 = page.getByPlaceholder('craig@apple.dev');
-    this.inviteLinkField3 = page.getByPlaceholder('mike@apple.dev');
-    this.copyInviteLink = page.getByRole('button', {
-      name: 'Copy invitation link',
-    });
-    this.finishButton = page.getByRole('button', { name: 'Finish' });
-  }
-
-  async loginWithGoogle() {
-    await this.loginWithGoogleButton.click();
-  }
-
-  async clickLoginWithEmail() {
-    await this.loginWithEmailButton.click();
-  }
-
-  async clickContinueButton() {
-    await this.continueButton.click();
-  }
-
-  async clickTermsLink() {
-    await this.termsOfServiceLink.click();
-  }
-
-  async clickPrivacyPolicyLink() {
-    await this.privacyPolicyLink.click();
-  }
-
-  async typeEmail(email: string) {
-    await expect(this.emailField).toBeVisible();
-
-    await this.emailField.fill(email);
-  }
-
-  async typePassword(email: string) {
-    await this.passwordField.fill(email);
-  }
-
-  async clickSignInButton() {
-    await this.signInButton.click();
-  }
-
-  async clickSignUpButton() {
-    await this.signUpButton.click();
-  }
-
-  async clickForgotPassword() {
-    await this.forgotPasswordButton.click();
-  }
-
-  async revealPassword() {
-    await this.revealPasswordButton.click();
-  }
-
-  async previewImage() {
-    await this.previewImageButton.click();
-  }
-
-  async clickUploadImage() {
-    await this.uploadImageButton.click();
-  }
-
-  async deleteImage() {
-    await this.deleteImageButton.click();
-  }
-
-  async typeWorkspaceName(workspaceName: string) {
-    await this.workspaceNameField.fill(workspaceName);
-  }
-
-  async typeFirstName(firstName: string) {
-    await this.firstNameField.fill(firstName);
-  }
-
-  async typeLastName(lastName: string) {
-    await this.lastNameField.fill(lastName);
-  }
-
-  async clickSyncEverythingWithGoogleRadio() {
-    await this.syncEverythingWithGoogleRadio.click();
-  }
-
-  async clickSyncSubjectAndMetadataWithGoogleRadio() {
-    await this.syncSubjectAndMetadataWithGoogleRadio.click();
-  }
-
-  async clickSyncMetadataWithGoogleRadio() {
-    await this.syncMetadataWithGoogleRadio.click();
-  }
-
-  async clickSyncWithGoogleButton() {
-    await this.syncWithGoogleButton.click();
-  }
-
-  async noSyncWithGoogle() {
-    await this.noSyncButton.click();
-  }
-
-  async typeInviteLink1(email: string) {
-    await this.inviteLinkField1.fill(email);
-  }
-
-  async typeInviteLink2(email: string) {
-    await this.inviteLinkField2.fill(email);
-  }
-
-  async typeInviteLink3(email: string) {
-    await this.inviteLinkField3.fill(email);
-  }
-
-  async clickCopyInviteLink() {
-    await this.copyInviteLink.click();
-  }
-
-  async clickFinishButton() {
-    await this.finishButton.click();
-  }
-}

packages/twenty-e2e-testing/lib/pom/mainPage.ts

@@ -1,196 +0,0 @@
-import { Locator, Page } from '@playwright/test';
-
-export class MainPage {
-  // TODO: add missing elements (advanced filters, import/export popups)
-  private readonly tableViews: Locator;
-  private readonly addViewButton: Locator;
-  private readonly viewIconSelect: Locator;
-  private readonly viewNameInput: Locator;
-  private readonly viewTypeSelect: Locator;
-  private readonly createViewButton: Locator;
-  private readonly deleteViewButton: Locator;
-  private readonly filterButton: Locator;
-  private readonly searchFieldInput: Locator;
-  private readonly advancedFilterButton: Locator;
-  private readonly addFilterButton: Locator;
-  private readonly resetFilterButton: Locator;
-  private readonly saveFilterAsViewButton: Locator;
-  private readonly sortButton: Locator;
-  private readonly sortOrderButton: Locator;
-  private readonly optionsButton: Locator;
-  private readonly fieldsButton: Locator;
-  private readonly goBackButton: Locator;
-  private readonly hiddenFieldsButton: Locator;
-  private readonly editFieldsButton: Locator;
-  private readonly importButton: Locator;
-  private readonly exportButton: Locator;
-  private readonly deletedRecordsButton: Locator;
-  private readonly createNewRecordButton: Locator;
-  private readonly addToFavoritesButton: Locator;
-  private readonly deleteFromFavoritesButton: Locator;
-  private readonly exportBottomBarButton: Locator;
-  private readonly deleteRecordsButton: Locator;
-
-  constructor(public readonly page: Page) {
-    this.tableViews = page.getByText('·');
-    this.addViewButton = page
-      .getByTestId('tooltip')
-      .filter({ hasText: /^Add view$/ });
-    this.viewIconSelect = page.getByLabel('Click to select icon (');
-    this.viewNameInput; // can be selected using only actual value
-    this.viewTypeSelect = page.locator(
-      "//span[contains(., 'View type')]/../div",
-    );
-    this.createViewButton = page.getByRole('button', { name: 'Create' });
-    this.deleteViewButton = page.getByRole('button', { name: 'Delete' });
-    this.filterButton = page.getByText('Filter');
-    this.searchFieldInput = page.getByPlaceholder('Search fields');
-    this.advancedFilterButton = page
-      .getByTestId('tooltip')
-      .filter({ hasText: /^Advanced filter$/ });
-    this.addFilterButton = page.getByRole('button', { name: 'Add Filter' });
-    this.resetFilterButton = page.getByTestId('cancel-button');
-    this.saveFilterAsViewButton = page.getByRole('button', {
-      name: 'Save as new view',
-    });
-    this.sortButton = page.getByText('Sort');
-    this.sortOrderButton = page.locator('//li');
-    this.optionsButton = page.getByText('Options');
-    this.fieldsButton = page.getByText('Fields');
-    this.goBackButton = page.getByTestId('dropdown-menu-header-end-icon');
-    this.hiddenFieldsButton = page
-      .getByTestId('tooltip')
-      .filter({ hasText: /^Hidden Fields$/ });
-    this.editFieldsButton = page
-      .getByTestId('tooltip')
-      .filter({ hasText: /^Edit Fields$/ });
-    this.importButton = page
-      .getByTestId('tooltip')
-      .filter({ hasText: /^Import$/ });
-    this.exportButton = page
-      .getByTestId('tooltip')
-      .filter({ hasText: /^Export$/ });
-    this.deletedRecordsButton = page
-      .getByTestId('tooltip')
-      .filter({ hasText: /^Deleted */ });
-    this.createNewRecordButton = page.getByTestId('add-button');
-    this.addToFavoritesButton = page.getByText('Add to favorites');
-    this.deleteFromFavoritesButton = page.getByText('Delete from favorites');
-    this.exportBottomBarButton = page.getByText('Export');
-    this.deleteRecordsButton = page.getByText('Delete');
-  }
-
-  async clickTableViews() {
-    await this.tableViews.click();
-  }
-
-  async clickAddViewButton() {
-    await this.addViewButton.click();
-  }
-
-  async typeViewName(name: string) {
-    await this.viewNameInput.clear();
-    await this.viewNameInput.fill(name);
-  }
-
-  // name can be either be 'Table' or 'Kanban'
-  async selectViewType(name: string) {
-    await this.viewTypeSelect.click();
-    await this.page.getByTestId('tooltip').filter({ hasText: name }).click();
-  }
-
-  async createView() {
-    await this.createViewButton.click();
-  }
-
-  async deleteView() {
-    await this.deleteViewButton.click();
-  }
-
-  async clickFilterButton() {
-    await this.filterButton.click();
-  }
-
-  async searchFields(name: string) {
-    await this.searchFieldInput.clear();
-    await this.searchFieldInput.fill(name);
-  }
-
-  async clickAdvancedFilterButton() {
-    await this.advancedFilterButton.click();
-  }
-
-  async addFilter() {
-    await this.addFilterButton.click();
-  }
-
-  async resetFilter() {
-    await this.resetFilterButton.click();
-  }
-
-  async saveFilterAsView() {
-    await this.saveFilterAsViewButton.click();
-  }
-
-  async clickSortButton() {
-    await this.sortButton.click();
-  }
-
-  //can be Ascending or Descending
-  async setSortOrder(name: string) {
-    await this.sortOrderButton.click();
-    await this.page.getByTestId('tooltip').filter({ hasText: name }).click();
-  }
-
-  async clickOptionsButton() {
-    await this.optionsButton.click();
-  }
-
-  async clickFieldsButton() {
-    await this.fieldsButton.click();
-  }
-
-  async clickBackButton() {
-    await this.goBackButton.click();
-  }
-
-  async clickHiddenFieldsButton() {
-    await this.hiddenFieldsButton.click();
-  }
-
-  async clickEditFieldsButton() {
-    await this.editFieldsButton.click();
-  }
-
-  async clickImportButton() {
-    await this.importButton.click();
-  }
-
-  async clickExportButton() {
-    await this.exportButton.click();
-  }
-
-  async clickDeletedRecordsButton() {
-    await this.deletedRecordsButton.click();
-  }
-
-  async clickCreateNewRecordButton() {
-    await this.createNewRecordButton.click();
-  }
-
-  async clickAddToFavoritesButton() {
-    await this.addToFavoritesButton.click();
-  }
-
-  async clickDeleteFromFavoritesButton() {
-    await this.deleteFromFavoritesButton.click();
-  }
-
-  async clickExportBottomBarButton() {
-    await this.exportBottomBarButton.click();
-  }
-
-  async clickDeleteRecordsButton() {
-    await this.deleteRecordsButton.click();
-  }
-}

packages/twenty-e2e-testing/lib/pom/recordDetails.ts

@@ -1,150 +0,0 @@
-import { Locator, Page } from '@playwright/test';
-
-export class RecordDetails {
-  // TODO: add missing components in tasks, notes, files, emails, calendar tabs
-  private readonly closeRecordButton: Locator;
-  private readonly previousRecordButton: Locator;
-  private readonly nextRecordButton: Locator;
-  private readonly favoriteRecordButton: Locator;
-  private readonly addShowPageButton: Locator;
-  private readonly moreOptionsButton: Locator;
-  private readonly deleteButton: Locator;
-  private readonly uploadProfileImageButton: Locator;
-  private readonly timelineTab: Locator;
-  private readonly tasksTab: Locator;
-  private readonly notesTab: Locator;
-  private readonly filesTab: Locator;
-  private readonly emailsTab: Locator;
-  private readonly calendarTab: Locator;
-  private readonly detachRelationButton: Locator;
-
-  constructor(public readonly page: Page) {
-    this.page = page;
-  }
-
-  async clickCloseRecordButton() {
-    await this.closeRecordButton.click();
-  }
-
-  async clickPreviousRecordButton() {
-    await this.previousRecordButton.click();
-  }
-
-  async clickNextRecordButton() {
-    await this.nextRecordButton.click();
-  }
-
-  async clickFavoriteRecordButton() {
-    await this.favoriteRecordButton.click();
-  }
-
-  async createRelatedNote() {
-    await this.addShowPageButton.click();
-    await this.page
-      .locator('//div[@data-testid="tooltip" and contains(., "Note")]')
-      .click();
-  }
-
-  async createRelatedTask() {
-    await this.addShowPageButton.click();
-    await this.page
-      .locator('//div[@data-testid="tooltip" and contains(., "Task")]')
-      .click();
-  }
-
-  async clickMoreOptionsButton() {
-    await this.moreOptionsButton.click();
-  }
-
-  async clickDeleteRecordButton() {
-    await this.deleteButton.click();
-  }
-
-  async clickUploadProfileImageButton() {
-    await this.uploadProfileImageButton.click();
-  }
-
-  async goToTimelineTab() {
-    await this.timelineTab.click();
-  }
-
-  async goToTasksTab() {
-    await this.tasksTab.click();
-  }
-
-  async goToNotesTab() {
-    await this.notesTab.click();
-  }
-
-  async goToFilesTab() {
-    await this.filesTab.click();
-  }
-
-  async goToEmailsTab() {
-    await this.emailsTab.click();
-  }
-
-  async goToCalendarTab() {
-    await this.calendarTab.click();
-  }
-
-  async clickField(name: string) {
-    await this.page
-      .locator(
-        `//div[@data-testid='tooltip' and contains(., '${name}']/../../../div[last()]/div/div`,
-      )
-      .click();
-  }
-
-  async clickFieldWithButton(name: string) {
-    await this.page
-      .locator(
-        `//div[@data-testid='tooltip' and contains(., '${name}']/../../../div[last()]/div/div`,
-      )
-      .hover();
-    await this.page
-      .locator(
-        `//div[@data-testid='tooltip' and contains(., '${name}']/../../../div[last()]/div/div[last()]/div/button`,
-      )
-      .click();
-  }
-
-  async clickRelationEditButton(name: string) {
-    await this.page.getByRole('heading').filter({ hasText: name }).hover();
-    await this.page
-      .locator(`//header[contains(., "${name}")]/div[last()]/div/button`)
-      .click();
-  }
-
-  async detachRelation(name: string) {
-    await this.page.locator(`//a[contains(., "${name}")]`).hover();
-    await this.page
-      .locator(`, //a[contains(., "${name}")]/../div[last()]/div/div/button`)
-      .hover();
-    await this.detachRelationButton.click();
-  }
-
-  async deleteRelationRecord(name: string) {
-    await this.page.locator(`//a[contains(., "${name}")]`).hover();
-    await this.page
-      .locator(`, //a[contains(., "${name}")]/../div[last()]/div/div/button`)
-      .hover();
-    await this.deleteButton.click();
-  }
-
-  async selectRelationRecord(name: string) {
-    await this.page
-      .locator(`//div[@data-testid="tooltip" and contains(., "${name}")]`)
-      .click();
-  }
-
-  async searchRelationRecord(name: string) {
-    await this.page.getByPlaceholder('Search').fill(name);
-  }
-
-  async createNewRelationRecord() {
-    await this.page
-      .locator('//div[@data-testid="tooltip" and contains(., "Add New")]')
-      .click();
-  }
-}

packages/twenty-e2e-testing/lib/pom/settings/accountsSection.ts

@@ -1,54 +0,0 @@
-import { Locator, Page } from '@playwright/test';
-
-export class AccountsSection {
-  private readonly addAccountButton: Locator;
-  private readonly deleteAccountButton: Locator;
-  private readonly addBlocklistField: Locator;
-  private readonly addBlocklistButton: Locator;
-  private readonly connectWithGoogleButton: Locator;
-
-  constructor(public readonly page: Page) {
-    this.page = page;
-    this.addAccountButton = page.getByRole('button', { name: 'Add account' });
-    this.deleteAccountButton = page
-      .getByTestId('tooltip')
-      .getByText('Remove account');
-    this.addBlocklistField = page.getByPlaceholder(
-      'eddy@gmail.com, @apple.com',
-    );
-    this.addBlocklistButton = page.getByRole('button', {
-      name: 'Add to blocklist',
-    });
-    this.connectWithGoogleButton = page.getByRole('button', {
-      name: 'Connect with Google',
-    });
-  }
-
-  async clickAddAccount() {
-    await this.addAccountButton.click();
-  }
-
-  async deleteAccount(email: string) {
-    await this.page
-      .locator(`//span[contains(., "${email}")]/../div/div/div/button`)
-      .click();
-    await this.deleteAccountButton.click();
-  }
-
-  async addToBlockList(domain: string) {
-    await this.addBlocklistField.fill(domain);
-    await this.addBlocklistButton.click();
-  }
-
-  async removeFromBlocklist(domain: string) {
-    await this.page
-      .locator(
-        `//div[@data-testid='tooltip' and contains(., '${domain}')]/../../div[last()]/button`,
-      )
-      .click();
-  }
-
-  async linkGoogleAccount() {
-    await this.connectWithGoogleButton.click();
-  }
-}

packages/twenty-e2e-testing/lib/pom/settings/calendarSection.ts

@@ -1,30 +0,0 @@
-import { Locator, Page } from '@playwright/test';
-
-export class CalendarSection {
-  private readonly eventVisibilityEverythingOption: Locator;
-  private readonly eventVisibilityMetadataOption: Locator;
-  private readonly contactAutoCreation: Locator;
-
-  constructor(public readonly page: Page) {
-    this.page = page;
-    this.eventVisibilityEverythingOption = page.locator(
-      'input[value="SHARE_EVERYTHING"]',
-    );
-    this.eventVisibilityMetadataOption = page.locator(
-      'input[value="METADATA"]',
-    );
-    this.contactAutoCreation = page.getByRole('checkbox').nth(1);
-  }
-
-  async changeVisibilityToEverything() {
-    await this.eventVisibilityEverythingOption.click();
-  }
-
-  async changeVisibilityToMetadata() {
-    await this.eventVisibilityMetadataOption.click();
-  }
-
-  async toggleAutoCreation() {
-    await this.contactAutoCreation.click();
-  }
-}

packages/twenty-e2e-testing/lib/pom/settings/dataModelSection.ts

@@ -1,189 +0,0 @@
-import { Locator, Page } from '@playwright/test';
-
-export class DataModelSection {
-  private readonly searchObjectInput: Locator;
-  private readonly addObjectButton: Locator;
-  private readonly objectSingularNameInput: Locator;
-  private readonly objectPluralNameInput: Locator;
-  private readonly objectDescription: Locator;
-  private readonly synchronizeLabelAPIToggle: Locator;
-  private readonly objectAPISingularNameInput: Locator;
-  private readonly objectAPIPluralNameInput: Locator;
-  private readonly objectMoreOptionsButton: Locator;
-  private readonly editObjectButton: Locator;
-  private readonly deleteObjectButton: Locator;
-  private readonly activeSection: Locator;
-  private readonly inactiveSection: Locator;
-  private readonly searchFieldInput: Locator;
-  private readonly addFieldButton: Locator;
-  private readonly viewFieldDetailsMoreOptionsButton: Locator;
-  private readonly nameFieldInput: Locator;
-  private readonly descriptionFieldInput: Locator;
-  private readonly deactivateMoreOptionsButton: Locator;
-  private readonly activateMoreOptionsButton: Locator;
-  private readonly deactivateButton: Locator; // TODO: add attribute to make it one button
-  private readonly activateButton: Locator;
-  private readonly cancelButton: Locator;
-  private readonly saveButton: Locator;
-
-  constructor(public readonly page: Page) {
-    this.searchObjectInput = page.getByPlaceholder('Search an object...');
-    this.addObjectButton = page.getByRole('button', { name: 'Add object' });
-    this.objectSingularNameInput = page.getByPlaceholder('Listing', {
-      exact: true,
-    });
-    this.objectPluralNameInput = page.getByPlaceholder('Listings', {
-      exact: true,
-    });
-    this.objectDescription = page.getByPlaceholder('Write a description');
-    this.synchronizeLabelAPIToggle = page.getByRole('checkbox').nth(1);
-    this.objectAPISingularNameInput = page.getByPlaceholder('listing', {
-      exact: true,
-    });
-    this.objectAPIPluralNameInput = page.getByPlaceholder('listings', {
-      exact: true,
-    });
-    this.objectMoreOptionsButton = page.getByLabel('Object Options');
-    this.editObjectButton = page.getByTestId('tooltip').getByText('Edit');
-    this.deactivateMoreOptionsButton = page
-      .getByTestId('tooltip')
-      .getByText('Deactivate');
-    this.activateMoreOptionsButton = page
-      .getByTestId('tooltip')
-      .getByText('Activate');
-    this.deleteObjectButton = page.getByTestId('tooltip').getByText('Delete');
-    this.activeSection = page.getByText('Active', { exact: true });
-    this.inactiveSection = page.getByText('Inactive');
-    this.searchFieldInput = page.getByPlaceholder('Search a field...');
-    this.addFieldButton = page.getByRole('button', { name: 'Add field' });
-    this.viewFieldDetailsMoreOptionsButton = page
-      .getByTestId('tooltip')
-      .getByText('View');
-    this.nameFieldInput = page.getByPlaceholder('Employees');
-    this.descriptionFieldInput = page.getByPlaceholder('Write a description');
-    this.deactivateButton = page.getByRole('button', { name: 'Deactivate' });
-    this.activateButton = page.getByRole('button', { name: 'Activate' });
-    this.cancelButton = page.getByRole('button', { name: 'Cancel' });
-    this.saveButton = page.getByRole('button', { name: 'Save' });
-  }
-
-  async searchObject(name: string) {
-    await this.searchObjectInput.fill(name);
-  }
-
-  async clickAddObjectButton() {
-    await this.addObjectButton.click();
-  }
-
-  async typeObjectSingularName(name: string) {
-    await this.objectSingularNameInput.fill(name);
-  }
-
-  async typeObjectPluralName(name: string) {
-    await this.objectPluralNameInput.fill(name);
-  }
-
-  async typeObjectDescription(name: string) {
-    await this.objectDescription.fill(name);
-  }
-
-  async toggleSynchronizeLabelAPI() {
-    await this.synchronizeLabelAPIToggle.click();
-  }
-
-  async typeObjectSingularAPIName(name: string) {
-    await this.objectAPISingularNameInput.fill(name);
-  }
-
-  async typeObjectPluralAPIName(name: string) {
-    await this.objectAPIPluralNameInput.fill(name);
-  }
-
-  async checkObjectDetails(name: string) {
-    await this.page.getByRole('link').filter({ hasText: name }).click();
-  }
-
-  async activateInactiveObject(name: string) {
-    await this.page
-      .locator(`//div[@title="${name}"]/../../div[last()]`)
-      .click();
-    await this.activateButton.click();
-  }
-
-  // object can be deleted only if is custom and inactive
-  async deleteInactiveObject(name: string) {
-    await this.page
-      .locator(`//div[@title="${name}"]/../../div[last()]`)
-      .click();
-    await this.deleteObjectButton.click();
-  }
-
-  async editObjectDetails() {
-    await this.objectMoreOptionsButton.click();
-    await this.editObjectButton.click();
-  }
-
-  async deactivateObjectWithMoreOptions() {
-    await this.objectMoreOptionsButton.click();
-    await this.deactivateButton.click();
-  }
-
-  async searchField(name: string) {
-    await this.searchFieldInput.fill(name);
-  }
-
-  async checkFieldDetails(name: string) {
-    await this.page.locator(`//div[@title="${name}"]`).click();
-  }
-
-  async checkFieldDetailsWithButton(name: string) {
-    await this.page
-      .locator(`//div[@title="${name}"]/../../div[last()]`)
-      .click();
-    await this.viewFieldDetailsMoreOptionsButton.click();
-  }
-
-  async deactivateFieldWithButton(name: string) {
-    await this.page
-      .locator(`//div[@title="${name}"]/../../div[last()]`)
-      .click();
-    await this.deactivateMoreOptionsButton.click();
-  }
-
-  async activateFieldWithButton(name: string) {
-    await this.page
-      .locator(`//div[@title="${name}"]/../../div[last()]`)
-      .click();
-    await this.activateMoreOptionsButton.click();
-  }
-
-  async clickAddFieldButton() {
-    await this.addFieldButton.click();
-  }
-
-  async typeFieldName(name: string) {
-    await this.nameFieldInput.clear();
-    await this.nameFieldInput.fill(name);
-  }
-
-  async typeFieldDescription(description: string) {
-    await this.descriptionFieldInput.clear();
-    await this.descriptionFieldInput.fill(description);
-  }
-
-  async clickInactiveSection() {
-    await this.inactiveSection.click();
-  }
-
-  async clickActiveSection() {
-    await this.activeSection.click();
-  }
-
-  async clickCancelButton() {
-    await this.cancelButton.click();
-  }
-
-  async clickSaveButton() {
-    await this.saveButton.click();
-  }
-}

packages/twenty-e2e-testing/lib/pom/settings/developersSection.ts

@@ -1,123 +0,0 @@
-import { Locator, Page } from '@playwright/test';
-
-export class DevelopersSection {
-  private readonly readDocumentationButton: Locator;
-  private readonly createAPIKeyButton: Locator;
-  private readonly regenerateAPIKeyButton: Locator;
-  private readonly nameOfAPIKeyInput: Locator;
-  private readonly expirationDateAPIKeySelect: Locator;
-  private readonly createWebhookButton: Locator;
-  private readonly webhookURLInput: Locator;
-  private readonly webhookDescription: Locator;
-  private readonly webhookFilterObjectSelect: Locator;
-  private readonly webhookFilterActionSelect: Locator;
-  private readonly cancelButton: Locator;
-  private readonly saveButton: Locator;
-  private readonly deleteButton: Locator;
-
-  constructor(public readonly page: Page) {
-    this.page = page;
-    this.readDocumentationButton = page.getByRole('link', {
-      name: 'Read documentation',
-    });
-    this.createAPIKeyButton = page.getByRole('link', {
-      name: 'Create API Key',
-    });
-    this.createWebhookButton = page.getByRole('link', {
-      name: 'Create Webhook',
-    });
-    this.nameOfAPIKeyInput = page
-      .getByPlaceholder('E.g. backoffice integration')
-      .first();
-    this.expirationDateAPIKeySelect = page
-      .locator('div')
-      .filter({ hasText: /^Never$/ })
-      .nth(3); // good enough if expiration date will change only 1 time
-    this.regenerateAPIKeyButton = page.getByRole('button', {
-      name: 'Regenerate Key',
-    });
-    this.webhookURLInput = page.getByPlaceholder('URL');
-    this.webhookDescription = page.getByPlaceholder('Write a description');
-    this.webhookFilterObjectSelect = page
-      .locator('div')
-      .filter({ hasText: /^All Objects$/ })
-      .nth(3); // works only for first filter
-    this.webhookFilterActionSelect = page
-      .locator('div')
-      .filter({ hasText: /^All Actions$/ })
-      .nth(3); // works only for first filter
-    this.cancelButton = page.getByRole('button', { name: 'Cancel' });
-    this.saveButton = page.getByRole('button', { name: 'Save' });
-    this.deleteButton = page.getByRole('button', { name: 'Delete' });
-  }
-
-  async openDocumentation() {
-    await this.readDocumentationButton.click();
-  }
-
-  async createAPIKey() {
-    await this.createAPIKeyButton.click();
-  }
-
-  async typeAPIKeyName(name: string) {
-    await this.nameOfAPIKeyInput.clear();
-    await this.nameOfAPIKeyInput.fill(name);
-  }
-
-  async selectAPIExpirationDate(date: string) {
-    await this.expirationDateAPIKeySelect.click();
-    await this.page.getByText(date, { exact: true }).click();
-  }
-
-  async regenerateAPIKey() {
-    await this.regenerateAPIKeyButton.click();
-  }
-
-  async deleteAPIKey() {
-    await this.deleteButton.click();
-  }
-
-  async deleteWebhook() {
-    await this.deleteButton.click();
-  }
-
-  async createWebhook() {
-    await this.createWebhookButton.click();
-  }
-
-  async typeWebhookURL(url: string) {
-    await this.webhookURLInput.fill(url);
-  }
-
-  async typeWebhookDescription(description: string) {
-    await this.webhookDescription.fill(description);
-  }
-
-  async selectWebhookObject(object: string) {
-    // TODO: finish
-  }
-
-  async selectWebhookAction(action: string) {
-    // TODO: finish
-  }
-
-  async deleteWebhookFilter() {
-    // TODO: finish
-  }
-
-  async clickCancelButton() {
-    await this.cancelButton.click();
-  }
-
-  async clickSaveButton() {
-    await this.saveButton.click();
-  }
-
-  async checkAPIKeyDetails(name: string) {
-    await this.page.locator(`//a/div[contains(.,'${name}')][first()]`).click();
-  }
-
-  async checkWebhookDetails(name: string) {
-    await this.page.locator(`//a/div[contains(.,'${name}')][first()]`).click();
-  }
-}

packages/twenty-e2e-testing/lib/pom/settings/emailsSection.ts

@@ -1,61 +0,0 @@
-import { Locator, Page } from '@playwright/test';
-
-export class EmailsSection {
-  private readonly visibilityEverythingRadio: Locator;
-  private readonly visibilitySubjectRadio: Locator;
-  private readonly visibilityMetadataRadio: Locator;
-  private readonly autoCreationReceivedRadio: Locator;
-  private readonly autoCreationSentRadio: Locator;
-  private readonly autoCreationNoneRadio: Locator;
-  private readonly excludeNonProfessionalToggle: Locator;
-  private readonly excludeGroupToggle: Locator;
-
-  constructor(public readonly page: Page) {
-    this.page = page;
-    this.visibilityEverythingRadio = page.locator(
-      'input[value="SHARE_EVERYTHING"]',
-    );
-    this.visibilitySubjectRadio = page.locator('input[value="SUBJECT"]');
-    this.visibilityMetadataRadio = page.locator('input[value="METADATA"]');
-    this.autoCreationReceivedRadio = page.locator(
-      'input[value="SENT_AND_RECEIVED"]',
-    );
-    this.autoCreationSentRadio = page.locator('input[value="SENT"]');
-    this.autoCreationNoneRadio = page.locator('input[value="NONE"]');
-    // first checkbox is advanced settings toggle
-    this.excludeNonProfessionalToggle = page.getByRole('checkbox').nth(1);
-    this.excludeGroupToggle = page.getByRole('checkbox').nth(2);
-  }
-
-  async changeVisibilityToEverything() {
-    await this.visibilityEverythingRadio.click();
-  }
-
-  async changeVisibilityToSubject() {
-    await this.visibilitySubjectRadio.click();
-  }
-
-  async changeVisibilityToMetadata() {
-    await this.visibilityMetadataRadio.click();
-  }
-
-  async changeAutoCreationToAll() {
-    await this.autoCreationReceivedRadio.click();
-  }
-
-  async changeAutoCreationToSent() {
-    await this.autoCreationSentRadio.click();
-  }
-
-  async changeAutoCreationToNone() {
-    await this.autoCreationNoneRadio.click();
-  }
-
-  async toggleExcludeNonProfessional() {
-    await this.excludeNonProfessionalToggle.click();
-  }
-
-  async toggleExcludeGroup() {
-    await this.excludeGroupToggle.click();
-  }
-}

packages/twenty-e2e-testing/lib/pom/settings/experienceSection.ts

@@ -1,55 +0,0 @@
-import { Locator, Page } from '@playwright/test';
-
-export class ExperienceSection {
-  private readonly lightThemeButton: Locator;
-  private readonly darkThemeButton: Locator;
-  private readonly timezoneDropdown: Locator;
-  private readonly dateFormatDropdown: Locator;
-  private readonly timeFormatDropdown: Locator;
-  private readonly searchInput: Locator;
-
-  constructor(public readonly page: Page) {
-    this.page = page;
-    this.lightThemeButton = page.getByText('AaLight'); // it works
-    this.darkThemeButton = page.getByText('AaDark');
-    this.timezoneDropdown = page.locator(
-      '//span[contains(., "Time zone")]/../div/div/div',
-    );
-    this.dateFormatDropdown = page.locator(
-      '//span[contains(., "Date format")]/../div/div/div',
-    );
-    this.timeFormatDropdown = page.locator(
-      '//span[contains(., "Time format")]/../div/div/div',
-    );
-    this.searchInput = page.getByPlaceholder('Search');
-  }
-
-  async changeThemeToLight() {
-    await this.lightThemeButton.click();
-  }
-
-  async changeThemeToDark() {
-    await this.darkThemeButton.click();
-  }
-
-  async selectTimeZone(timezone: string) {
-    await this.timezoneDropdown.click();
-    await this.page.getByText(timezone, { exact: true }).click();
-  }
-
-  async selectTimeZoneWithSearch(timezone: string) {
-    await this.timezoneDropdown.click();
-    await this.searchInput.fill(timezone);
-    await this.page.getByText(timezone, { exact: true }).click();
-  }
-
-  async selectDateFormat(dateFormat: string) {
-    await this.dateFormatDropdown.click();
-    await this.page.getByText(dateFormat, { exact: true }).click();
-  }
-
-  async selectTimeFormat(timeFormat: string) {
-    await this.timeFormatDropdown.click();
-    await this.page.getByText(timeFormat, { exact: true }).click();
-  }
-}

packages/twenty-e2e-testing/lib/pom/settings/functionsSection.ts

@@ -1,159 +0,0 @@
-import { Locator, Page } from '@playwright/test';
-
-export class FunctionsSection {
-  private readonly newFunctionButton: Locator;
-  private readonly functionNameInput: Locator;
-  private readonly functionDescriptionInput: Locator;
-  private readonly editorTab: Locator;
-  private readonly codeEditorField: Locator;
-  private readonly resetButton: Locator;
-  private readonly publishButton: Locator;
-  private readonly testButton: Locator;
-  private readonly testTab: Locator;
-  private readonly runFunctionButton: Locator;
-  private readonly inputField: Locator;
-  private readonly settingsTab: Locator;
-  private readonly searchVariableInput: Locator;
-  private readonly addVariableButton: Locator;
-  private readonly nameVariableInput: Locator;
-  private readonly valueVariableInput: Locator;
-  private readonly cancelVariableButton: Locator;
-  private readonly saveVariableButton: Locator;
-  private readonly editVariableButton: Locator;
-  private readonly deleteVariableButton: Locator;
-  private readonly cancelButton: Locator;
-  private readonly saveButton: Locator;
-  private readonly deleteButton: Locator;
-
-  constructor(public readonly page: Page) {
-    this.newFunctionButton = page.getByRole('button', { name: 'New Function' });
-    this.functionNameInput = page.getByPlaceholder('Name');
-    this.functionDescriptionInput = page.getByPlaceholder('Description');
-    this.editorTab = page.getByTestId('tab-editor');
-    this.codeEditorField = page.getByTestId('dummyInput'); // TODO: fix
-    this.resetButton = page.getByRole('button', { name: 'Reset' });
-    this.publishButton = page.getByRole('button', { name: 'Publish' });
-    this.testButton = page.getByRole('button', { name: 'Test' });
-    this.testTab = page.getByTestId('tab-test');
-    this.runFunctionButton = page.getByRole('button', { name: 'Run Function' });
-    this.inputField = page.getByTestId('dummyInput'); // TODO: fix
-    this.settingsTab = page.getByTestId('tab-settings');
-    this.searchVariableInput = page.getByPlaceholder('Search a variable');
-    this.addVariableButton = page.getByRole('button', { name: 'Add Variable' });
-    this.nameVariableInput = page.getByPlaceholder('Name').nth(1);
-    this.valueVariableInput = page.getByPlaceholder('Value');
-    this.cancelVariableButton = page.locator('.css-uwqduk').first(); // TODO: fix
-    this.saveVariableButton = page.locator('.css-uwqduk').nth(1); // TODO: fix
-    this.editVariableButton = page.getByText('Edit', { exact: true });
-    this.deleteVariableButton = page.getByText('Delete', { exact: true });
-    this.cancelButton = page.getByRole('button', { name: 'Cancel' });
-    this.saveButton = page.getByRole('button', { name: 'Save' });
-    this.deleteButton = page.getByRole('button', { name: 'Delete function' });
-  }
-
-  async clickNewFunction() {
-    await this.newFunctionButton.click();
-  }
-
-  async typeFunctionName(name: string) {
-    await this.functionNameInput.fill(name);
-  }
-
-  async typeFunctionDescription(description: string) {
-    await this.functionDescriptionInput.fill(description);
-  }
-
-  async checkFunctionDetails(name: string) {
-    await this.page.getByRole('link', { name: `${name} nodejs18.x` }).click();
-  }
-
-  async clickEditorTab() {
-    await this.editorTab.click();
-  }
-
-  async clickResetButton() {
-    await this.resetButton.click();
-  }
-
-  async clickPublishButton() {
-    await this.publishButton.click();
-  }
-
-  async clickTestButton() {
-    await this.testButton.click();
-  }
-
-  async typeFunctionCode() {
-    // TODO: finish once utils are merged
-  }
-
-  async clickTestTab() {
-    await this.testTab.click();
-  }
-
-  async runFunction() {
-    await this.runFunctionButton.click();
-  }
-
-  async typeFunctionInput() {
-    // TODO: finish once utils are merged
-  }
-
-  async clickSettingsTab() {
-    await this.settingsTab.click();
-  }
-
-  async searchVariable(name: string) {
-    await this.searchVariableInput.fill(name);
-  }
-
-  async addVariable() {
-    await this.addVariableButton.click();
-  }
-
-  async typeVariableName(name: string) {
-    await this.nameVariableInput.fill(name);
-  }
-
-  async typeVariableValue(value: string) {
-    await this.valueVariableInput.fill(value);
-  }
-
-  async editVariable(name: string) {
-    await this.page
-      .locator(
-        `//div[@data-testid='tooltip' and contains(., '${name}')]/../../div[last()]/div/div/button`,
-      )
-      .click();
-    await this.editVariableButton.click();
-  }
-
-  async deleteVariable(name: string) {
-    await this.page
-      .locator(
-        `//div[@data-testid='tooltip' and contains(., '${name}')]/../../div[last()]/div/div/button`,
-      )
-      .click();
-    await this.deleteVariableButton.click();
-  }
-
-  async cancelVariable() {
-    await this.cancelVariableButton.click();
-  }
-
-  async saveVariable() {
-    await this.saveVariableButton.click();
-  }
-
-  async clickCancelButton() {
-    await this.cancelButton.click();
-  }
-
-  async clickSaveButton() {
-    await this.saveButton.click();
-  }
-
-  async clickDeleteButton() {
-    await this.deleteButton.click();
-  }
-}