T
TanStack•4mo ago
deep-jade

Custom server entry

Is there a way to modify server.tsx in a way that Kent does here for Remix? https://github.com/kentcdodds/kentcdodds.com/commit/54d11cefd15ece5a3ff0f1ab7233dfe2422fead8 Really, I'm just interested in trying to get his BlurImage component to work in Start
GitHub
fix blurrable image so it works before the JS finishes loading · k...
1 Reply
deep-jade
deep-jadeOP•4mo ago
Hm, could it be as simple as this? Someone tell me why this doesn't work. (It does seem to do what I want) 
// src/server.tsx
import { createRouter } from './router'

const customStreamHandler = async (context) => {
    const response = await defaultStreamHandler(context)

    const originalText = await response.text()
    const transformedText = originalText.replaceAll(/data-evt-/g, '')

    return new Response(transformedText, {
        status: response.status,
        headers: response.headers,
    })
}

export default createStartHandler({
    createRouter,
})(customStreamHandler)
// src/server.tsx
import { createRouter } from './router'

const customStreamHandler = async (context) => {
    const response = await defaultStreamHandler(context)

    const originalText = await response.text()
    const transformedText = originalText.replaceAll(/data-evt-/g, '')

    return new Response(transformedText, {
        status: response.status,
        headers: response.headers,
    })
}

export default createStartHandler({
    createRouter,
})(customStreamHandler)

Did you find this page helpful?