import { assign, fun, functionType, id, listType, object, optional, str } from "@hylimo/core";
import { SCOPE } from "../../../base/dslModule.js";
import { ContentModule } from "../contentModule.js";
import { stringOrSpanListType } from "../../../base/types.js";

/**
 * Module providing the package element
 */
export const packageModule = ContentModule.create(
    "uml/package",
    ["uml/classifier/defaultTitle"],
    [],
    [
        assign(
            "_package",
            fun(
                `
                    (name, optionalCallback, keywords) = args
    
                    callback = optionalCallback ?? {}
                    result = [contents = list()]
                    callback.callWithScope(result)
    
                    packageElement = canvasElement(
                        class = list("package-element"),
                        contents = list(
                            container(
                                contents = list(
                                    container(contents = list(scope.internal.defaultTitle(name, keywords)), class = list("title-wrapper")),
                                    path(path = "M 0 0 V 1", hAlign = "left"),
                                    path(path = "M 0 0 V 1", hAlign = "right"),
                                    path(path = "M 0 0 H 1", vAlign = "top")
                                ),
                                class = list("package")
                            ),
                            rect(
                                contents = list(canvas(contents = result.contents, class = list("package-canvas"))),
                                class = list("package-body")
                            )
                        )
                    )
                    scope.internal.registerInDiagramScope(name, packageElement)
                    packageElement
                `
            )
        ),
        id(SCOPE)
            .field("internal")
            .callField(
                "registerClassifier",
                str("package"),
                fun(
                    `
                        (name, callback) = args
                        scope.internal.registerCanvasElement(
                            _package(name, callback, args.keywords, self = args.self),
                            args,
                            args.self
                        )
                    `,
                    {
                        docs: "Creates a package.",
                        params: [
                            [0, "the name of the package", stringOrSpanListType],
                            [1, "function that initializes the package content", optional(functionType)],
                            ["keywords", "the keywords of the package", optional(listType(stringOrSpanListType))]
                        ],
                        snippet: `("$1") {\n    $2\n}`,
                        returns: "The created package"
                    }
                ),
                object([
                    {
                        name: "Package/Package",
                        value: str('package("Example")')
                    }
                ])
            ),
        `
            scope.styles {
                cls("package-element") {
                    minWidth = 300
                        cls("package-body") {
                        minHeight = 50
                        grow = 1
                        shrink = 1
                    }
                    layout = "vbox"
                    cls("package-canvas") {
                        margin = var("subcanvasMargin")
                    }
                    cls("package") {
                        cls("title-container") {
                            margin = 5
                        }
                        cls("title-wrapper") {
                            marginLeft = var("strokeWidth")
                            marginRight = var("strokeWidth")
                            marginTop = var("strokeWidth")
                        }
                        minWidth = 100
                        hAlign = "left"
                    }
                    cls("title") {
                        hAlign = "center"
                        type("span") {
                            fontWeight = "bold"
                        }
                    }
                }
            }
        `
    ]
);