How to send a byte array after compressing with gzip

[appssonatina]

I'm trying send a Uint8Array byte array by setting the response.body

  const bundle = await Deno.emit(`${Deno.cwd()}/pages/LoginPage.tsx`, {
    bundle: "module",
  });

// Compressed byte array
  const gz = gzip(
    new TextEncoder().encode(bundle.files["deno:///bundle.js"]),
  );

 // Send the byte array
  ctx.response.body = new Blob([gz]);

but in the browser it is not getting any data. Is there an example of how to send a byte array?
I also tried ctx.response.body = gz the I get the same result.

Thanks.

[appssonatina]

I forgot to mention, I'm using oak with Router. Here's the complete source code:

import { Application, Router, send } from "https://deno.land/x/oak/mod.ts";
import { gzip } from "https://deno.land/x/compress@v0.4.1/mod.ts";

const router = new Router();

// ...

router.get("/pages/LoginPage.tsx", async (ctx) => {
  const bundle = await Deno.emit(`${Deno.cwd()}/pages/LoginPage.tsx`, {
    bundle: "module",
  });

  const gz = gzip(
    new TextEncoder().encode(bundle.files["deno:///bundle.js"]),
  );

  ctx.response.body = new Blob([gz]).stream();
});

router.get("(.*)", (ctx) => {
  // Return 404 not found
  const pathname = ctx.request.url.pathname;
  ctx.response.body =
    `<h1>Error 404 - Not Found</h1> <p>Requested ${pathname} but not found</p>`;
  ctx.response.status = 404;
  ctx.response.type = "text/html";
});

const app = new Application();

app.use(async (ctx, next) => {
  const userAgent = ctx.request.headers.get("User-Agent");
  const pathname = ctx.request.url.pathname;

  console.log(`New request from ${userAgent} for path ${pathname}`);
  await next();
});

app.use(router.routes());
app.use(router.allowedMethods());

console.log("Accepting connections in 0.0.0.0:8000...\n");
await app.listen({ port: 8000 });