TheOneThatPlaysTooMuch Posts

TheOneThatPlaysTooMuch

Explore posts from servers

KPCKevin Powell - Community DDeno

Posts Comments

DDeno

•Created by TheOneThatPlaysTooMuch on 3/8/2025 in #help

Cookie issues

My response header contains a valid set cookie header but the cookie is not being saved in my browser cookie storage

4 replies

DDeno

•Created by TheOneThatPlaysTooMuch on 2/26/2025 in #help

CORS problem with my deno web server

I wrote this tiny websocket server in deno:

Deno.serve((req) => {
  const webSocketUpgradeRequested = req.headers.get("upgrade") === "websocket";

  if (!webSocketUpgradeRequested) {
    return new Response("Web socket not requested.");
  }

  const { socket, response } = Deno.upgradeWebSocket(req);

  socket.addEventListener("open", () => {
    console.log("Socket open");
  });

  socket.addEventListener("message", (e) => {
    console.log(e.data);
  });

  const header = new Headers();
  header.append("Access-Control-Allow-Origin", "*");

  const res = new Response(response.body, {
    headers: header,
  });

  return res;
});

Deno.serve((req) => {
  const webSocketUpgradeRequested = req.headers.get("upgrade") === "websocket";

  if (!webSocketUpgradeRequested) {
    return new Response("Web socket not requested.");
  }

  const { socket, response } = Deno.upgradeWebSocket(req);

  socket.addEventListener("open", () => {
    console.log("Socket open");
  });

  socket.addEventListener("message", (e) => {
    console.log(e.data);
  });

  const header = new Headers();
  header.append("Access-Control-Allow-Origin", "*");

  const res = new Response(response.body, {
    headers: header,
  });

  return res;
});

I set the access-control header to allow for cross-origin access. Specifically my frontend. But when I invoke the server from my frontend like this:

    onMount(() => {
        const header = new Headers();
        header.append("upgrade", "websocket");

        fetch("http://localhost:8000", {
            headers: header,
        });
    });

    onMount(() => {
        const header = new Headers();
        header.append("upgrade", "websocket");

        fetch("http://localhost:8000", {
            headers: header,
        });
    });

The request fails because the cross-origin request was blocked as the 'Access control allow origin header is missing' even though it is not.

7 replies

DDeno

•Created by TheOneThatPlaysTooMuch on 1/29/2025 in #help

Problem with my api route

I created a dummy login api route under 'routes/api/login.ts' and when I call fetch on the url like so:

fetch("/api/login")

fetch("/api/login")

it fails because that's an 'invalid route'

4 replies

KPCKevin Powell - Community

•Created by TheOneThatPlaysTooMuch on 11/2/2024 in #front-end

Astro bun not fun

When I do bunx create-astro@latest my-app-using-bun straight from the docs, with or without @latest, with bun installed properly as I can run bun --version,I get the same error: "script not found: create astro" something like that.

1 replies

KPCKevin Powell - Community

•Created by TheOneThatPlaysTooMuch on 10/25/2024 in #front-end

Astro components

Is it possible to pass complex objects into astro components as props?

4 replies

KPCKevin Powell - Community

•Created by TheOneThatPlaysTooMuch on 10/19/2024 in #back-end

Backend

How do I make it? How do I connect it to my front-end? I'm new.

2 replies

KPCKevin Powell - Community

•Created by TheOneThatPlaysTooMuch on 10/19/2024 in #front-end

Css grid

How do I make elements in a display grid not fill up their cells completely? (And use intrinsic sizing instead)

3 replies

Gaming

Programming