ToolJet/server/data-migrations/1777319937510-BackfillCollapseWhenHiddenForRemainingComponents.ts

import { MigrationInterface, QueryRunner } from 'typeorm';
import { deleteAppHistoryForStructuralMigration } from '@helpers/migration.helper';

const MIGRATION_NAME = 'BackfillCollapseWhenHiddenForRemainingComponents1777319937510';
const BATCH_SIZE = 2000;
const COMPONENT_TYPES = [
  'Button',
  'ButtonGroupV2',
  'Checkbox',
  'ColorPicker',
  'CurrencyInput',
  'DatePickerV2',
  'DaterangePicker',
  'DatetimePickerV2',
  'DropdownV2',
  'EmailInput',
  'Image',
  'MultiselectV2',
  'NumberInput',
  'PasswordInput',
  'PhoneInput',
  'RadioButtonV2',
  'StarRating',
  'TextInput',
  'TimePicker',
  'ToggleSwitchV2',
];

const COLLAPSE_WHEN_HIDDEN_PATCH = JSON.stringify({
  collapseWhenHidden: { value: '{{false}}' },
});

export class BackfillCollapseWhenHiddenForRemainingComponents1777319937510 implements MigrationInterface {
  public async up(queryRunner: QueryRunner): Promise<void> {
    const [{ count }] = await queryRunner.query(
      `SELECT COUNT(*) FROM components
       WHERE type = ANY($1)
         AND (properties IS NULL OR NOT (properties::jsonb ? 'collapseWhenHidden'))`,
      [COMPONENT_TYPES]
    );
    const total = parseInt(count, 10);
    console.log(`${MIGRATION_NAME}: [START] Backfill collapseWhenHidden | Total: ${total}`);

    let lastId = '00000000-0000-0000-0000-000000000000';
    let totalUpdated = 0;

    while (true) {
      const rows: { id: string }[] = await queryRunner.query(
        `SELECT id FROM components
         WHERE type = ANY($1)
           AND id > $2
           AND (properties IS NULL OR NOT (properties::jsonb ? 'collapseWhenHidden'))
         ORDER BY id ASC
         LIMIT $3`,
        [COMPONENT_TYPES, lastId, BATCH_SIZE]
      );

      if (rows.length === 0) break;

      lastId = rows[rows.length - 1].id;
      const ids = rows.map((r) => r.id);

      await queryRunner.query(
        `UPDATE components
         SET properties = (COALESCE(properties, '{}')::jsonb || $1::jsonb)::json
         WHERE id = ANY($2::uuid[])`,
        [COLLAPSE_WHEN_HIDDEN_PATCH, ids]
      );

      totalUpdated += rows.length;
      const percentage = total > 0 ? ((totalUpdated / total) * 100).toFixed(1) : '0.0';
      console.log(`${MIGRATION_NAME}: [PROGRESS] ${totalUpdated}/${total} (${percentage}%)`);
    }

    console.log(`${MIGRATION_NAME}: [SUCCESS] Backfill collapseWhenHidden finished.`);

    if (totalUpdated > 0) {
      const appVersionRows: { app_version_id: string }[] = await queryRunner.query(
        `SELECT DISTINCT p.app_version_id
         FROM components c
         INNER JOIN pages p ON c.page_id = p.id
         WHERE c.type = ANY($1)`,
        [COMPONENT_TYPES]
      );

      await deleteAppHistoryForStructuralMigration(
        queryRunner.manager,
        { appVersionIds: appVersionRows.map((r) => r.app_version_id) },
        MIGRATION_NAME
      );
    }
  }

  public async down(_queryRunner: QueryRunner): Promise<void> {
    // Intentional no-op — structural migrations are not reversed
  }
}