import type { ExecutableAbstractFunctionExpression } from "@hylimo/core";
import { fun, finiteNumberType } from "@hylimo/core";
import type { Point, Size, Element } from "@hylimo/diagram-common";
import { CanvasAxisAlignedSegment, DefaultEditTypes } from "@hylimo/diagram-common";
import type { LayoutElement } from "../../layoutElement.js";
import type { Layout } from "../../engine/layout.js";
import { CanvasConnectionSegmentLayoutConfig } from "./canvasConnectionSegmentLayoutConfig.js";

/**
 * Layout config for canvas line segments
 */
export class CanvasAxisAlignedSegmentLayoutConfig extends CanvasConnectionSegmentLayoutConfig {
    override type = CanvasAxisAlignedSegment.TYPE;
    override idGroup = "ca";

    constructor() {
        super(
            [
                {
                    name: "verticalPos",
                    description: "The position on the x-axis where the vertical segment starts",
                    type: finiteNumberType
                }
            ],
            []
        );
    }

    override layout(layout: Layout, element: LayoutElement, position: Point, size: Size, id: string): Element[] {
        const verticalPosValue = element.element.getLocalFieldOrUndefined("_verticalPos");
        const result: CanvasAxisAlignedSegment = {
            id,
            type: CanvasAxisAlignedSegment.TYPE,
            children: [],
            end: this.getContentId(layout, element, "end"),
            pos: Math.max(Math.min(verticalPosValue?.value?.toNative(), 1), -1),
            edits: element.edits
        };
        return [result];
    }

    override createPrototype(): ExecutableAbstractFunctionExpression {
        return fun(
            `
                elementProto = [proto = it]

                elementProto.defineProperty("verticalPos") {
                    args.self._verticalPos
                } {
                    args.self._verticalPos = it
                    args.self.edits["${DefaultEditTypes.AXIS_ALIGNED_SEGMENT_POS}"] = createReplaceEdit(it, "$string(pos)")
                }
                
                elementProto
            `
        );
    }
}