const z = @import("z");
const html = @import("html");
const http = @import("http");
const Static = http.handler.Static;

const components = @import("component/root.zig").components;

const document: html.Element = .native(.html, .{}, .children(&.{
    .native(.head, .{}, .children(&.{
        .native(.title, .{}, .content("Memora")),
        .native(.meta, .{
            .name = "viewport",
            .content = "width=device-width, initial-scale=1.0",
        }, .void),
        z.script.load(@embedFile("pinch.js")),
        z.style.load(@embedFile("index.css")),
        z.env(components),
    })),
    .native(.body, .{}, .children(&.{
        z.html.load(@embedFile("index.html")),
    })),
}));

pub const interfaces: []const http.handler.Interface = &.{
    Static(.index, document.toDocument()).interface(),
};