nursing-lime

Bun WebSocket handlers

Hi, I am trying to run a WebSocket endpoint alongside my TanStack Start server. Ideally, I would be able to define websocket hooks in my server.ts and have them be used by nitro. I am using Bun and the hooks seem to be ignored completely. My nitro config is as follows:

import { defineNitroConfig } from "nitro/config";

export default defineNitroConfig({
    preset: "bun",
    output: {
        dir: "dist",
    },
    features: {
        websocket: true,
    },
});

import { defineNitroConfig } from "nitro/config";

export default defineNitroConfig({
    preset: "bun",
    output: {
        dir: "dist",
    },
    features: {
        websocket: true,
    },
});

My vite config is:

import { tanstackStart } from "@tanstack/react-start/plugin/vite";
import viteReact from "@vitejs/plugin-react";
import { nitro } from "nitro/vite";
import { defineConfig } from "vite";
import viteWasm from "vite-plugin-wasm";
import tsConfigPaths from "vite-tsconfig-paths";

export default defineConfig({
    plugins: [
        tsConfigPaths(),
        tanstackStart({}),
        nitro(),
        viteWasm(),
        // viteTopLevelAwait(),
        viteReact(),
    ],
});

import { tanstackStart } from "@tanstack/react-start/plugin/vite";
import viteReact from "@vitejs/plugin-react";
import { nitro } from "nitro/vite";
import { defineConfig } from "vite";
import viteWasm from "vite-plugin-wasm";
import tsConfigPaths from "vite-tsconfig-paths";

export default defineConfig({
    plugins: [
        tsConfigPaths(),
        tanstackStart({}),
        nitro(),
        viteWasm(),
        // viteTopLevelAwait(),
        viteReact(),
    ],
});

Has anyone run into this before and have a solution? Thanks!

TanStack•5w ago

nursing-lime

Bun WebSocket handlers

import { defineNitroConfig } from "nitro/config";

export default defineNitroConfig({
    preset: "bun",
    output: {
        dir: "dist",
    },
    features: {
        websocket: true,
    },
});

import { defineNitroConfig } from "nitro/config";

export default defineNitroConfig({
    preset: "bun",
    output: {
        dir: "dist",
    },
    features: {
        websocket: true,
    },
});

My vite config is:

import { tanstackStart } from "@tanstack/react-start/plugin/vite";
import viteReact from "@vitejs/plugin-react";
import { nitro } from "nitro/vite";
import { defineConfig } from "vite";
import viteWasm from "vite-plugin-wasm";
import tsConfigPaths from "vite-tsconfig-paths";

export default defineConfig({
    plugins: [
        tsConfigPaths(),
        tanstackStart({}),
        nitro(),
        viteWasm(),
        // viteTopLevelAwait(),
        viteReact(),
    ],
});

import { tanstackStart } from "@tanstack/react-start/plugin/vite";
import viteReact from "@vitejs/plugin-react";
import { nitro } from "nitro/vite";
import { defineConfig } from "vite";
import viteWasm from "vite-plugin-wasm";
import tsConfigPaths from "vite-tsconfig-paths";

export default defineConfig({
    plugins: [
        tsConfigPaths(),
        tanstackStart({}),
        nitro(),
        viteWasm(),
        // viteTopLevelAwait(),
        viteReact(),
    ],
});

Has anyone run into this before and have a solution? Thanks!

Bun WebSocket handlers

Similar Threads

Bun WebSocket handlers

Similar Threads

Similar Threads

Similar Threads