TOBII Posts - Answer Overflow

TOBII

Explore posts from servers

•Created by TOBII on 2/24/2024 in #❓-help

WebSocket Authentication: Cookie missing

Hi community 👋 I'm currently trying to integrate the wsLink, and I've noticed that cookies are not automatically sent during initialization (first request). What could be the reason for this? My website runs under the URL http://localhost:3000, and the web server under http://localhost:3001. Does it have something to do with CORS? Example HTTP-Headers:

...
Cookie: __session=364fc095-9f34-4800-a074-18f0ff4a4876;...
...

...
Cookie: __session=364fc095-9f34-4800-a074-18f0ff4a4876;...
...

Example WebSocket-Headers:

GET ws://localhost:3001/ HTTP/1.1
Host: localhost:3001
Connection: Upgrade
Pragma: no-cache
Cache-Control: no-cache
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36
Upgrade: websocket
Origin: http://localhost:3000
Sec-WebSocket-Version: 13
Accept-Encoding: gzip, deflate, br, zstd
Accept-Language: de-DE,de;q=0.9,en-US;q=0.8,en;q=0.7
Sec-WebSocket-Key: vC+ByJ+m9oD6Q/r2Rg89Og==
Sec-WebSocket-Extensions: permessage-deflate; client_max_window_bits

GET ws://localhost:3001/ HTTP/1.1
Host: localhost:3001
Connection: Upgrade
Pragma: no-cache
Cache-Control: no-cache
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36
Upgrade: websocket
Origin: http://localhost:3000
Sec-WebSocket-Version: 13
Accept-Encoding: gzip, deflate, br, zstd
Accept-Language: de-DE,de;q=0.9,en-US;q=0.8,en;q=0.7
Sec-WebSocket-Key: vC+ByJ+m9oD6Q/r2Rg89Og==
Sec-WebSocket-Extensions: permessage-deflate; client_max_window_bits

I created the WebSocket client as follows:

splitLink({
  condition: (op) => op.type === "subscription",
  true: wsLink({
    transformer: SuperJSON,
    client: createWSClient({
      url: "ws://localhost:3001",
      // lazy: { enabled: true, closeMs: 10000 },
    }),
  }),
  false: createHttpBatchStreamLink(),
})

splitLink({
  condition: (op) => op.type === "subscription",
  true: wsLink({
    transformer: SuperJSON,
    client: createWSClient({
      url: "ws://localhost:3001",
      // lazy: { enabled: true, closeMs: 10000 },
    }),
  }),
  false: createHttpBatchStreamLink(),
})

Server Environment: Tested with Bun v1.0.29 and Node v20.10.0 Client Environment:

"@trpc/client": "next",
"@trpc/next": "next",
"@trpc/react-query": "next",
"@trpc/server": "next",

"@trpc/client": "next",
"@trpc/next": "next",
"@trpc/react-query": "next",
"@trpc/server": "next",

Thank you in advance. Regards, Tobi

2 replies

SSolidJS

•Created by TOBII on 7/28/2023 in #support

How do I export components as child objects in a JavaScript object?

Hi Comunnity, i have a quick question: How can I export a component, using Dialog as the root, for example, Dialog.Content?

<Dialog>
    <Dialog.Content>
      Lorem...
    </Dialog.Content>
</Dialog>

<Dialog>
    <Dialog.Content>
      Lorem...
    </Dialog.Content>
</Dialog>

I have already tried to export with:

export default Object.assign(Dialog, {
   Content: DialogContent
})

export default Object.assign(Dialog, {
   Content: DialogContent
})

However, SolidJS doesn't quite want to do that, as it occasionally fails to render the child component 🤷‍♂️ Is there an alternative, with Typescript support? Greetings Tobi ✌️

4 replies

Gaming

Programming