ToolJet/server/data-migrations/1707466537651-MoveVisibilityDisabledStatesToProperties.ts

import { Component } from '@entities/component.entity';
import { processDataInBatches } from '@helpers/migration.helper';
import { EntityManager, MigrationInterface, QueryRunner } from 'typeorm';

export class MoveVisibilityDisabledStatesToProperties1707466537651 implements MigrationInterface {
  public async up(queryRunner: QueryRunner): Promise<void> {
    const componentTypes = ['TextInput', 'NumberInput', 'PasswordInput', 'Text'];
    const batchSize = 100;
    const entityManager = queryRunner.manager;

    for (const componentType of componentTypes) {
      await processDataInBatches(
        entityManager,
        async (entityManager: EntityManager) => {
          return await entityManager.find(Component, {
            where: { type: componentType },
            order: { createdAt: 'ASC' },
          });
        },
        async (entityManager: EntityManager, components: Component[]) => {
          await this.processUpdates(entityManager, components);
        },
        batchSize
      );
    }
  }

  private async processUpdates(entityManager, components) {
    for (const component of components) {
      const properties = component.properties;
      const styles = component.styles;
      const general = component.general;
      const generalStyles = component.generalStyles;
      const validation = component.validation;

      if (styles.visibility) {
        properties.visibility = styles.visibility;
        delete styles.visibility;
      }

      if (styles.disabledState) {
        properties.disabledState = styles.disabledState;
        delete styles.disabledState;
      }

      if (general?.tooltip) {
        properties.tooltip = general?.tooltip;
        delete general?.tooltip;
      }

      if (generalStyles?.boxShadow) {
        styles.boxShadow = generalStyles?.boxShadow;
        delete generalStyles?.boxShadow;
      }

      // Label and value
      if (component.type !== 'Text') {
        if (properties.label == undefined || null) {
          properties.label = '';
        }
        if (styles.borderRadius == undefined || null) {
          styles.borderRadius = { value: '{{4}}' };
        }
      }

      // Moving 'minValue' from properties to validation
      if (component.type == 'NumberInput') {
        if (properties.minValue) {
          validation.minValue = properties.minValue;
          delete properties.minValue; // Removing 'minValue' from properties
        }

        if (properties.maxValue) {
          validation.maxValue = properties.maxValue;
          delete properties.maxValue; // Removing 'minValue' from properties
        }
      }

      await entityManager.update(Component, component.id, {
        properties,
        styles,
        general,
        generalStyles,
        validation,
      });
    }
  }

  public async down(queryRunner: QueryRunner): Promise<void> {}
}