/**
 * Pattern definitions - 8x8 1-bit patterns
 * 0 = foreground color, 1 = background color
 */
export const patterns = {
    stitch: [
        1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1, 1, 1, 1,
        0, 1, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1,
        1, 1, 1, 1, 1, 0, 1, 1, 1, 1, 1, 1, 0, 1, 0, 1,
    ],
    shingles: [
        1, 1, 1, 1, 0, 1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1, 1, 1, 1, 0, 1, 0, 1, 1,
        0, 0, 0, 1, 1, 1, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1, 1, 1, 1, 1,
        1, 0, 1, 1, 1, 1, 1, 0, 1, 1, 0, 0, 0, 0, 0, 1,
    ],
    shadowGrid: [
        1, 1, 1, 1, 0, 1, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1,
        0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 1, 1, 1, 1, 0, 1, 0, 0,
        1, 1, 1, 1, 0, 1, 0, 0, 1, 1, 1, 1, 0, 1, 0, 0,
    ],
    wicker: [
        0, 0, 0, 0, 0, 1, 1, 1, 1, 0, 0, 0, 1, 0, 1, 1, 1, 1, 0, 1, 1, 1, 0, 1,
        1, 0, 1, 1, 1, 0, 0, 0, 0, 1, 1, 1, 0, 0, 0, 0, 1, 1, 1, 0, 1, 0, 0, 0,
        1, 1, 0, 1, 1, 1, 0, 1, 1, 0, 0, 0, 1, 1, 1, 0,
    ],
};

/**
 * Create a canvas pattern from a pattern definition
 * @param {CanvasRenderingContext2D} ctx - Canvas context
 * @param {Array<number>} patternData - 8x8 pattern array
 * @param {number} pixelSize - Size of each pattern pixel
 * @param {string} fgColor - Foreground color (for 0 values)
 * @param {string} bgColor - Background color (for 1 values)
 * @returns {Promise<CanvasPattern>} Canvas pattern
 */
export async function createPattern(
    ctx,
    patternData,
    pixelSize,
    fgColor,
    bgColor,
) {
    const size = 8;
    let patternCanvas;

    const isNode = typeof window === "undefined";

    if (isNode) {
        const { createCanvas } = await import("canvas");
        patternCanvas = createCanvas(size * pixelSize, size * pixelSize);
    } else {
        patternCanvas = window.document.createElement("canvas");
        patternCanvas.width = size * pixelSize;
        patternCanvas.height = size * pixelSize;
    }

    const patternCtx = patternCanvas.getContext("2d");

    for (let y = 0; y < size; y++) {
        for (let x = 0; x < size; x++) {
            const value = patternData[y * size + x];
            patternCtx.fillStyle = value === 0 ? fgColor : bgColor;
            patternCtx.fillRect(
                x * pixelSize,
                y * pixelSize,
                pixelSize,
                pixelSize,
            );
        }
    }

    return ctx.createPattern(patternCanvas, "repeat");
}