/**
 * File: /src/components/interfaces/InterfaceDeclaration/index.tsx
 * Project: react-ast
 * File Created: 28-11-2023 15:04:04
 * Author: dharmendra
 * -----
 * BitSpur (c) Copyright 2019 - 2023
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import React, { Ref, ReactNode, forwardRef } from "react";
import useMergedRef from "@react-hook/merged-ref";
import BaseElement from "../../../elements/BaseElement";
import BlockStatement from "../../../components/BlockStatement";
import Code from "../../../components/Code";
import ParentBodyPathProvider from "../../../providers/ParentBodyPathProvider";
import Smart from "../../../components/Smart";
import TypeReference from "../../../components/types/TypeReference";
import TypeParameterDeclaration from "../../../components/types/TypeParameterDeclaration";
import { debugRef } from "../../../util";

export interface InterfaceDeclarationProps {
  children?: ReactNode;
  debug?: boolean;
  name: string;
  typeParameters?: ReactNode;
  extends?: ReactNode;
}

const InterfaceDeclaration = forwardRef<BaseElement, InterfaceDeclarationProps>(
  (props: InterfaceDeclarationProps, forwardedRef: Ref<BaseElement>) => {
    const { children, debug, name, typeParameters } = props;
    const mergedRef = useMergedRef<any>(forwardedRef, debugRef(debug));
    const code = `interface ${name} ${props.extends ? "extends b" : ""} {}`;

    function renderExtends() {
      if (!props.extends) return;
      return (
        <ParentBodyPathProvider value="extends">
          {props.extends}
        </ParentBodyPathProvider>
      );
    }

    function renderTypeParameter(typeParameter: ReactNode, index: number) {
      if (typeof typeParameter === "string") {
        return <TypeReference key={index} name={typeParameter} />;
      } else if (React.isValidElement(typeParameter)) {
        return React.cloneElement(typeParameter, { key: index });
      }
      return null;
    }

    function renderTypeParameters() {
      if (!typeParameters) return null;
      return (
        <ParentBodyPathProvider value="typeParameters">
          <TypeParameterDeclaration>
            {Array.isArray(typeParameters)
              ? typeParameters.map((typeParameter, index) =>
                  renderTypeParameter(typeParameter, index),
                )
              : renderTypeParameter(typeParameters, 0)}
          </TypeParameterDeclaration>
        </ParentBodyPathProvider>
      );
    }

    function renderChildren() {
      if (typeof children === "string") {
        return <Code>{children}</Code>;
      }
      return children;
    }

    return (
      <Smart code={code} deletePaths="extends.0" ref={mergedRef}>
        <ParentBodyPathProvider value={undefined}>
          {renderTypeParameters()}
          {renderExtends()}
          <BlockStatement>{renderChildren()}</BlockStatement>
        </ParentBodyPathProvider>
      </Smart>
    );
  },
);

InterfaceDeclaration.defaultProps = {
  debug: false,
};

export default InterfaceDeclaration;