@zsnout/ithkuil/script/utilities/vertices.js

A set of tools which can generate and parse romanized Ithkuil text and which can generate Ithkuil script from text and JSON data.

import { jsx as _jsx } from "@zsnout/ithkuil-jsx/jsx-runtime";
import { debug } from "./debug.js";
import { Point } from "./point.js";
/**
 * Gets all vertices on an SVG path.
 *
 * @param path The path to get the vertices of.
 * @returns The vertices of the path, in absolute coordinates.
 */
export function getVerticesOf(path) {
    const matches = path.match(/(?:h|v) [-+e.\d]+|[-+e.\d]+ [-+e.\d]+($|(?= [A-Za-z]))/g) || [];
    const relativePoints = matches.map((x) => {
        const [first, second] = x.split(" ", 2);
        if (first == "h") {
            return [+second, 0];
        }
        if (first == "v") {
            return [0, +second];
        }
        return [+first, +second];
    });
    let x = 0;
    let y = 0;
    const output = [];
    for (const point of relativePoints) {
        x += point[0] || 0;
        y += point[1] || 0;
        output.push([x, y]);
    }
    return output;
}
export function DebugVertices(props) {
    const vertices = props.children instanceof SVGPathElement ?
        getVerticesOf(props.children.getAttribute("d") || "")
        : [...props.children.getElementsByTagName("path")].flatMap((x) => getVerticesOf(x.getAttribute("d") || ""));
    const g = (_jsx("g", { children: props.children }));
    for (let [x, y] of vertices) {
        x = Math.round(x * 1e4) / 1e4;
        y = Math.round(y * 1e4) / 1e4;
        const point = (_jsx(Point, { x: x, y: y, color: "blue", size: 0 }));
        point.addEventListener("mousedown", (event) => {
            event.preventDefault();
            point.setAttribute("stroke", "red");
        });
        addEventListener("mouseup", () => point.setAttribute("stroke", "blue"));
        point.addEventListener("click", (event) => {
            event.preventDefault();
            debug(x.toString().padEnd(7), y);
        });
        g.appendChild(point);
    }
    return g;
}