import * as g from "@thi.ng/geom";
import * as v from "@thi.ng/vectors";
import * as h from "@thi.ng/hiccup";
import * as svg from "@thi.ng/hiccup-svg";
import * as fs from "fs";

const tintedPoly = (points) => {
    const p = g.polygon2(points);
    const c = p.centroid().toPolar();
    p.attribs = { fill: `hsl(${v.deg(c.y)},${c.x}%,${100-c.x/2}%)` };
    return p;
};

fs.writeFileSync(
    "tessel.svg",
    h.serialize(
        svg.svg(
            {
                width: 1000, height: 1000,
                viewBox: "-100 -100 200 200",
                fill: "none",
                stroke: "#000",
                "stroke-width": 0.5,
            },
            svg.convertTree(
                g.circle2(100)
                    .toPolygon(6)
                    .tessellate([g.quadFan, g.triFan, g.edgeSplit, g.quadFan])
                    .map((pts) => tintedPoly(pts).toHiccup())
            )
        )
    )
);

g.polygon2([-100,-100, 0,100, 100,-100, 0,0]).subdivide(g.CHAIKIN_CLOSED, 4);
g.polyline2([-100,100, -100,-100, 0,0, 100,-100, 100,100]).subdivide(g.CHAIKIN_OPEN, 4);