react.integration.ts

import React from 'react';
import { Integration, Integrations } from '@agile-ts/core';
import { flatMerge } from '@agile-ts/utils';
import { AgileReactComponent } from './core';

const reactIntegration = new Integration<typeof React, AgileReactComponent>({
  key: 'react',
  frameworkInstance: React,
  bind() {
    // Nothing to bind ;D
    return Promise.resolve(true);
  },
  updateMethod(componentInstance, updatedData: { [key: string]: any }) {
    // Merge changes into State if some Data updated otherwise force rerender
    if (Object.keys(updatedData).length !== 0) {
      componentInstance.agileProps = flatMerge(
        componentInstance.agileProps,
        updatedData
      );
      componentInstance.setState(
        flatMerge(componentInstance.state, updatedData)
      );
    } else {
      componentInstance.forceUpdate();
    }
  },
});
Integrations.addInitialIntegration(reactIntegration);

export default reactIntegration;