Serve static for both GET and HEAD requests breaks server

[exside]

Hi, first of all, great work on faster, love it so far!

I'm running into an issue when trying to handle HEAD requests (using them from the frontend to see if i need to fetch the entire file or if i can used the cached version in the browser, e.g. to check if the file was changed) for static files while also serving them statically via GET requests, i have this (played around with the order of the blocks, but no change):

server.get(
    '/www/*',
    serveStatic('./www'),
);

server.head(
    '/www/*',
    serveStatic('./www'),
);

// also tried the following with no change in behaviour
server.get(
    '/www/*',
    serveStatic('./www'),
    async (ctx, next) => {
        await next();
    },
);

server.head(
    '/www/*',
    serveStatic('./www'),
    async (ctx, next) => {
        await next();
    },
);

when the server.head() handler is present, the HEAD requests work fine, but the GET requests stop working and stay as (pending) forever in the network monitor (browser side), if i remove it, HEAD requests return a 404 and the GET requests work as expected. I'm not sure where the issue is, i don't get errors on the server side and neither in the browser, the GET request is just stuck. Any ideas why that could be? maybe using the same middleware twice? but i checked the code, don't see why that would be an issue.

[hviana]

Thanks for reporting the issue. I will be looking for a solution and will fix it as soon as possible.

[exside]

Any ideas where to look? Maybe i can help...

[hviana]

I think it's important to see between lines 218 and 238 of the server.ts file, that's where there might be a problem.

[hviana]

No activity

[exside]

Well, I couldn't figure out what is the problem, but it persists, try it yourself:

['get', 'head'].map((method) => {
    server[method]('/*', serveStatic(`${Deno.cwd()}/src`), async (ctx, next) => {
        // console.log(ctx.req.method, ctx.req.url.match(/\.(?<ext>[^.]*?)(?=\?|#|$)/));
        const ext = ctx.req.url.match(/\.(?<ext>[^.]*?)(?=\?|#|$)/)[1];
        if ( ext ) {
            const stats = await Deno.stat(`${Deno.cwd()}/src${new URL(ctx.req.url).pathname}`);

            ctx.res.headers = new Headers({
                'content-type': mime(ext),
                'content-length': stats.size,
                'last-modified': stats.mtime.toUTCString(),
            });
        }
        // console.log(ctx.res);
        await next();
    });
});