import { findDOMNode } from 'react-dom';
import type { BuilderContextInterface } from '../context/types';
import type { BuilderBlock } from '../types/builder-block';
import { isEditing } from './is-editing';

export function transformBlockProperties({
  properties,
}: {
  block: BuilderBlock;
  context: BuilderContextInterface;
  properties: any;
}) {
  if (!isEditing()) {
    return properties;
  }

  const id = properties['builder-id'];

  if (!id) {
    console.warn('No builder-id found on properties', properties);
  }

  properties.ref = (ref) => {
    if (isEditing()) {
      const el = findDOMNode(ref);
      if (el && !(el instanceof Text)) {
        el.setAttribute('builder-id', id);
        el.classList.add(id);
      }
    }
  };
  return properties;
}