SolidJS•2mo ago

How do I do something after a redirect, like reload the page, or in this case reconnect a websocket?

there is no redirect reload, or some kind of hook that gets called after a redirect has happened to the same dynamic route with different params.

8 Replies

ChrisThornham•2mo ago

Couldn't you use onMount() or createEffect() on the page you are redirecting to? Basically, when this page loads, check for a websocket connection. If it exists, return. If not, reconnect.

gsoutzOP•2mo ago

I have this dynamic route u/:username The action changes the username invalidates the user and redirects to u/hello to u/world , and I can't get any notification on anywhere. Except onBeforeLeave occurs but I get the old username 'hello'. I need a callback after the cache invalidates, so I can reconnect the websocket.

    let action_reset_profile = useAction(action(async() => {
        "use server"
        let user = await resetUser()

        return redirect(`/u/${user.username}`, { revalidate: ['get_user']})
    }))

    let action_reset_profile = useAction(action(async() => {
        "use server"
        let user = await resetUser()

        return redirect(`/u/${user.username}`, { revalidate: ['get_user']})
    }))

ChrisThornham•2mo ago

I think you'll have to recall your getUser function on each load. Or store the current user name. Then check it on page load. If the user name is the same, proceed. But if the user name has changed, rerun getUser.

REEEEE•2mo ago

You could use useParams https://github.com/solidjs/solid-router/tree/main?tab=readme-ov-file#useparams

GitHub

GitHub - solidjs/solid-router: A universal router for Solid inspire...

A universal router for Solid inspired by Ember and React Router - solidjs/solid-router

REEEEE•2mo ago

in an effect to see when the param has changed and do the changes

gsoutzOP•2mo ago

useParams doesn't react to changes, I've also used a custom signal and tried to change that and it gave error, set_a is not defined.

export default function Home() {
    const params = useParams()

    let [a, set_a] = createSignal(1)
    let { send, page, cleanup } = useContext(SocketContext)!
    onMount(() => {
        page('site')
    })

    let profile = createAsync(() => getProfile(params.username))
    let user = createAsync(() => getUser())
    createEffect(() => {
        console.log(a())
    })

    let action_reset_profile = useAction(action(async() => {
        "use server"
        let user = await resetUser()

        let res = redirect(`/u/${user.username}`, { revalidate: ['get_user']})

        set_a(3)
        return res
    }))

export default function Home() {
    const params = useParams()

    let [a, set_a] = createSignal(1)
    let { send, page, cleanup } = useContext(SocketContext)!
    onMount(() => {
        page('site')
    })

    let profile = createAsync(() => getProfile(params.username))
    let user = createAsync(() => getUser())
    createEffect(() => {
        console.log(a())
    })

    let action_reset_profile = useAction(action(async() => {
        "use server"
        let user = await resetUser()

        let res = redirect(`/u/${user.username}`, { revalidate: ['get_user']})

        set_a(3)
        return res
    }))

REEEEE•2mo ago

createEffect(() => {
  console.log(params.username)
})

createEffect(() => {
  console.log(params.username)
})

Does this effect log the changes to the username if you add it?

gsoutzOP•2mo ago

omg that worked thanks.

Gaming

Programming

How do I do something after a redirect, like reload the page, or in this case reconnect a websocket?