rocawear Comments - Answer Overflow

Its how you are supposed to do, use middleware to server side check auth or on page level SERVER SIDE, redirect away If not authenticated. Also you are supposed to check auth on your queries/ mutations because you can query manually without being on the page

20 replies

TTCTheo's Typesafe Cult

•Created by rocawear on 3/21/2025 in #questions

turborepo setup

@travian/server#dev > cache bypass, force executing eeb2ee1ac4a95249
@travian/client#dev     »│
@travian/server#dev     »│1 import express from "express";
@travian/game-engine#dev»│         ~~~~~~~
                         │
                         │  ../../node_modules/.pnpm/@[email protected]/node_modules/@types/express/index.d.ts:122:1                         │    122 export = e;
                         │        ~~~~~~~~~~~
                         │    This module is declared with 'export =', and can only be used with a default import when                         │ using the 'esModuleInterop' flag.
                         │
                         │[14.52.23] Found 1 error. Watching for file changes.

@travian/server#dev > cache bypass, force executing eeb2ee1ac4a95249
@travian/client#dev     »│
@travian/server#dev     »│1 import express from "express";
@travian/game-engine#dev»│         ~~~~~~~
                         │
                         │  ../../node_modules/.pnpm/@[email protected]/node_modules/@types/express/index.d.ts:122:1                         │    122 export = e;
                         │        ~~~~~~~~~~~
                         │    This module is declared with 'export =', and can only be used with a default import when                         │ using the 'esModuleInterop' flag.
                         │
                         │[14.52.23] Found 1 error. Watching for file changes.

3 replies

TTCTheo's Typesafe Cult

•Created by rocawear on 3/21/2025 in #questions

turborepo setup

So what I would like to get help, I think my package.json/tsconfigs are wrong(?): How to run my server correctly (now i am using tsc) How to run my "game-engine" package correctly (now i am using tsc) If i do

pnpm run dev

pnpm run dev

and go to http://localhost:3001/hello it does not work so my server is not "running"

3 replies

TTCTheo's Typesafe Cult

•Created by Mugetsu on 1/24/2025 in #questions

Nextjs navigation after trpc mutation

Have you tested to await the router.push

4 replies

TtRPC

•Created by itelofilho on 3/20/2024 in #❓-help

Is it possible to perform attribute-based authorization after the .query?

https://trpc.io/docs/server/error-handling

6 replies

TTCTheo's Typesafe Cult

•Created by aditya on 3/19/2024 in #questions

create t3-app not working

6 replies

TTCTheo's Typesafe Cult

•Created by aditya on 3/19/2024 in #questions

create t3-app not working

pn? (never seen thats why interested)

6 replies

TTCTheo's Typesafe Cult

•Created by TayyabCodes on 12/22/2023 in #questions

Problem with react-hook-form

so you want people to guess since you are not providing code?

22 replies

TTCTheo's Typesafe Cult

•Created by TayyabCodes on 12/22/2023 in #questions

Problem with react-hook-form

I would start by showing code, impossible to debug without any information

22 replies

TTCTheo's Typesafe Cult

•Created by rocawear on 12/8/2023 in #questions

react hook form filters

Not sure how to trigger page push after value changes, also now if I submit with button it will reset my form

4 replies

TTCTheo's Typesafe Cult

•Created by rocawear on 12/8/2023 in #questions

react hook form filters

Page:

export const filtersSchema = z.object({
  example: z.string().nullable(),
  example2: z.string().nullable(),
})

const ExamplePage: NextPage = () => {
  const { control, values, update } = useFilters({
    schema: filtersSchema,
    defaultValues: {
      example: null,
      example2: null,
    },
  })

  return (
    <PageContainer>
      <form onSubmit={update}>
        <Select
          title="title"
          placeholder="placeholder"
          control={control}
          label="example"
          options={[
            { label: "option 1", value: "option 1" },
            { label: "option 2", value: "option 2" },
            { label: "option 3", value: "option 3" },
          ]}
        />
        <Select
          title="title"
          placeholder="placeholder"
          control={control}
          label="example2"
          options={[
            { label: "option 1", value: "option 1" },
            { label: "option 2", value: "option 2" },
            { label: "option 3", value: "option 3" },
          ]}
        />
        <Button type="submit">submit</Button>
      </form>
      {JSON.stringify(values, null, 2)}
    </PageContainer>
  )
}

export const filtersSchema = z.object({
  example: z.string().nullable(),
  example2: z.string().nullable(),
})

const ExamplePage: NextPage = () => {
  const { control, values, update } = useFilters({
    schema: filtersSchema,
    defaultValues: {
      example: null,
      example2: null,
    },
  })

  return (
    <PageContainer>
      <form onSubmit={update}>
        <Select
          title="title"
          placeholder="placeholder"
          control={control}
          label="example"
          options={[
            { label: "option 1", value: "option 1" },
            { label: "option 2", value: "option 2" },
            { label: "option 3", value: "option 3" },
          ]}
        />
        <Select
          title="title"
          placeholder="placeholder"
          control={control}
          label="example2"
          options={[
            { label: "option 1", value: "option 1" },
            { label: "option 2", value: "option 2" },
            { label: "option 3", value: "option 3" },
          ]}
        />
        <Button type="submit">submit</Button>
      </form>
      {JSON.stringify(values, null, 2)}
    </PageContainer>
  )
}

Hook:

type UseFiltersProps<Schema extends z.ZodTypeAny> = {
  schema: Schema
  defaultValues: DefaultValues<z.infer<Schema>>
}

export const useFilters = <Schema extends z.ZodTypeAny>({ schema, defaultValues }: UseFiltersProps<Schema>) => {
  const { control, handleSubmit } = useForm<z.infer<Schema>>({
    resolver: zodResolver(schema),
    defaultValues,
  })

  const router = useRouter()
  const values = useWatch({ control })

  const update = (values: z.infer<Schema>) => {
    const v = pickBy(values, (value) => value !== null)
    router.push({ query: v }, undefined, { shallow: true })
  }

  return {
    control,
    values,
    update: handleSubmit(update),
  }
}

type UseFiltersProps<Schema extends z.ZodTypeAny> = {
  schema: Schema
  defaultValues: DefaultValues<z.infer<Schema>>
}

export const useFilters = <Schema extends z.ZodTypeAny>({ schema, defaultValues }: UseFiltersProps<Schema>) => {
  const { control, handleSubmit } = useForm<z.infer<Schema>>({
    resolver: zodResolver(schema),
    defaultValues,
  })

  const router = useRouter()
  const values = useWatch({ control })

  const update = (values: z.infer<Schema>) => {
    const v = pickBy(values, (value) => value !== null)
    router.push({ query: v }, undefined, { shallow: true })
  }

  return {
    control,
    values,
    update: handleSubmit(update),
  }
}

4 replies

TtRPC

•Created by rustclan on 9/22/2023 in #❓-help

return type of a query endpoint

https://trpc.io/docs/client/react/infer-types

8 replies

TTCTheo's Typesafe Cult

•Created by samuele on 9/1/2023 in #questions

broken dinamic page react quey

https://nextjs.org/docs/app/api-reference/functions/use-params

4 replies

Gaming

Programming