Aditya Kirad Posts - Answer Overflow

Aditya Kirad

Explore posts from servers

RReactiflux DIAdiscord.js - Imagine an app KPCKevin Powell - Community SIASapphire - Imagine a Framework PPrisma TTCTheo's Typesafe Cult DTDrizzle Team BABetter Auth

Posts Comments

KPCKevin Powell - Community

•Created by Aditya Kirad on 4/3/2025 in #help

height changing on transition when it's not expected

Hey folks can anyone explain this issue right here https://play.tailwindcss.com/B78fB3wSNF whenever I hover or focus on the link I see scale transition which is expected but I also see the height changing but adding after:will-change-transform fixes the issue so can anyone explain why height is changing in transition

26 replies

BABetter Auth

•Created by Aditya Kirad on 4/1/2025 in #help

not getting rate limited

Hey folks I'm testing the rate limit functionality and here is my code https://mystb.in/56596703647e0db856 even though I'm making more than 2 signIn request in one minute I'm not getting rate limited or any other error also please check if I'm handling the auth error correctly

9 replies

BABetter Auth

•Created by Aditya Kirad on 3/29/2025 in #help

session cookie not setting after signup

Hey folks here is the link to my current auth setup https://mystb.in/5609e26466b88cb244 I don't know why after I signup the session cookie is not setting session is creating in database

16 replies

DTDrizzle Team

•Created by Aditya Kirad on 3/20/2025 in #help

error while applying the migrations

Hey folks here is my code https://mystb.in/37323971356998692b currently I have set DATABASE_URL to file:./dev.sqlite after generating the migrations using the drizzle-kit generate when I apply the migrations drizzle-kit migrate I get the following error

[⣷] applying migrations...LibsqlError: SQLITE_ERROR: near "(": syntax error
    at mapSqliteError (file:///D:/Warbler/node_modules/@libsql/client/lib-esm/sqlite3.js:380:16)
    at executeStmt (file:///D:/Warbler/node_modules/@libsql/client/lib-esm/sqlite3.js:285:15)
    at file:///D:/Warbler/node_modules/@libsql/client/lib-esm/sqlite3.js:116:24
    ... 3 lines matching cause stack trace ...
    at migrate (D:\Warbler\node_modules\src\libsql\migrator.ts:46:19) {
  code: 'SQLITE_ERROR',
  rawCode: 1,
  [cause]: SqliteError: near "(": syntax error
      at convertError (D:\Warbler\node_modules\libsql\index.js:53:12)
      at Database.prepare (D:\Warbler\node_modules\libsql\index.js:123:13)
      at executeStmt (file:///D:/Warbler/node_modules/@libsql/client/lib-esm/sqlite3.js:256:28)
      at file:///D:/Warbler/node_modules/@libsql/client/lib-esm/sqlite3.js:116:24
      at Array.map (<anonymous>)
      at Sqlite3Client.migrate (file:///D:/Warbler/node_modules/@libsql/client/lib-esm/sqlite3.js:112:38)
      at LibSQLSession.migrate (D:\Warbler\node_modules\src\libsql\session.ts:90:42)
      at migrate (D:\Warbler\node_modules\src\libsql\migrator.ts:46:19) {
    code: 'SQLITE_ERROR',
    rawCode: 1
  }
}

[⣷] applying migrations...LibsqlError: SQLITE_ERROR: near "(": syntax error
    at mapSqliteError (file:///D:/Warbler/node_modules/@libsql/client/lib-esm/sqlite3.js:380:16)
    at executeStmt (file:///D:/Warbler/node_modules/@libsql/client/lib-esm/sqlite3.js:285:15)
    at file:///D:/Warbler/node_modules/@libsql/client/lib-esm/sqlite3.js:116:24
    ... 3 lines matching cause stack trace ...
    at migrate (D:\Warbler\node_modules\src\libsql\migrator.ts:46:19) {
  code: 'SQLITE_ERROR',
  rawCode: 1,
  [cause]: SqliteError: near "(": syntax error
      at convertError (D:\Warbler\node_modules\libsql\index.js:53:12)
      at Database.prepare (D:\Warbler\node_modules\libsql\index.js:123:13)
      at executeStmt (file:///D:/Warbler/node_modules/@libsql/client/lib-esm/sqlite3.js:256:28)
      at file:///D:/Warbler/node_modules/@libsql/client/lib-esm/sqlite3.js:116:24
      at Array.map (<anonymous>)
      at Sqlite3Client.migrate (file:///D:/Warbler/node_modules/@libsql/client/lib-esm/sqlite3.js:112:38)
      at LibSQLSession.migrate (D:\Warbler\node_modules\src\libsql\session.ts:90:42)
      at migrate (D:\Warbler\node_modules\src\libsql\migrator.ts:46:19) {
    code: 'SQLITE_ERROR',
    rawCode: 1
  }
}

can anyone help me with this

4 replies

BABetter Auth

•Created by Aditya Kirad on 3/17/2025 in #help

error in trying to create database schema with the cli

Hey folks here is my better-auth config

import { db } from "~/server/db";
import { api } from "~/trpc/server";
import { betterAuth } from "better-auth";
import { drizzleAdapter } from "better-auth/adapters/drizzle";
import { nextCookies } from "better-auth/next-js";

export const auth = betterAuth({
  database: drizzleAdapter(db, {
    provider: "pg",
  }),
  emailVerification: {
    expiresIn: 60 * 10,
    sendOnSignUp: true,
    async sendVerificationEmail(data) {
      await api.resend.verify({ email: data.user.email, url: data.url });
    },
  },
  emailAndPassword: {
    enabled: true,
    autoSignIn: true,
    resetPasswordTokenExpiresIn: 60 * 10,
    async sendResetPassword(data) {
      await api.resend.resetPassword({ email: data.user.email, url: data.url });
    },
  },
  rateLimit: {
    storage: "database",
    window: 60,
    max: 10,
  },
  session: {
    expiresIn: 30 * 24 * 60 * 60,
    updateAge: 29 * 24 * 60 * 60,
    cookieCache: {
      enabled: true,
      maxAge: 60 * 10,
    },
  },
  plugins: [nextCookies()],
});

import { db } from "~/server/db";
import { api } from "~/trpc/server";
import { betterAuth } from "better-auth";
import { drizzleAdapter } from "better-auth/adapters/drizzle";
import { nextCookies } from "better-auth/next-js";

export const auth = betterAuth({
  database: drizzleAdapter(db, {
    provider: "pg",
  }),
  emailVerification: {
    expiresIn: 60 * 10,
    sendOnSignUp: true,
    async sendVerificationEmail(data) {
      await api.resend.verify({ email: data.user.email, url: data.url });
    },
  },
  emailAndPassword: {
    enabled: true,
    autoSignIn: true,
    resetPasswordTokenExpiresIn: 60 * 10,
    async sendResetPassword(data) {
      await api.resend.resetPassword({ email: data.user.email, url: data.url });
    },
  },
  rateLimit: {
    storage: "database",
    window: 60,
    max: 10,
  },
  session: {
    expiresIn: 30 * 24 * 60 * 60,
    updateAge: 29 * 24 * 60 * 60,
    cookieCache: {
      enabled: true,
      maxAge: 60 * 10,
    },
  },
  plugins: [nextCookies()],
});

but every time I run npx @better-auth/cli generate I get the following error

ERROR [Better Auth]: Please remove import 'server-only' from your auth config file temporarily. The CLI cannot resolve the configuration with it included. You can re-add it after running the CLI.

ERROR [Better Auth]: Please remove import 'server-only' from your auth config file temporarily. The CLI cannot resolve the configuration with it included. You can re-add it after running the CLI.

8 replies

KPCKevin Powell - Community

•Created by Aditya Kirad on 2/22/2025 in #front-end

weird shift and zoom of page when inspecting it

7 replies

PPrisma

•Created by Aditya Kirad on 10/14/2024 in #help-and-questions

unable to query the database with the SQLite libsql adapter

2 replies

KPCKevin Powell - Community

•Created by Aditya Kirad on 6/12/2024 in #front-end

background individual property not working similar to background shorthand

  background: 
    radial-gradient(farthest-side,#ffa516 94%,#0000) top/8px 8px no-repeat,
    conic-gradient(#0000 30%,#ffa516);

  background: 
    radial-gradient(farthest-side,#ffa516 94%,#0000) top/8px 8px no-repeat,
    conic-gradient(#0000 30%,#ffa516);

background-image: 
  radial-gradient(farthest-side,#ffa516 94%,#0000),
  conic-gradient(#0000 30%,#ffa516);
background-position: top center;
background-size: 8px 8px;
background-repeat: no-repeat;

background-image: 
  radial-gradient(farthest-side,#ffa516 94%,#0000),
  conic-gradient(#0000 30%,#ffa516);
background-position: top center;
background-size: 8px 8px;
background-repeat: no-repeat;

I don't why they are not giving the same results here are the jsfiddles where these properties are being used https://jsfiddle.net/nmf1t3v8/ https://jsfiddle.net/q6kvw290/

2 replies

TTCTheo's Typesafe Cult

•Created by Aditya Kirad on 3/22/2024 in #questions

redirecting to custom error page if auth is canceled

hey folks I'm using discord for auth in my t3 app I want user to redirected to a custom error page if oauth is cancelled so I added

pages: {
  error: "/oauth/error
}

pages: {
  error: "/oauth/error
}

to authOption but when I cancel the oauth the user is get redirected to /api/auth/signin?error=Callback instead

2 replies

TTCTheo's Typesafe Cult

•Created by Aditya Kirad on 1/11/2024 in #questions

setuping prettier and eslint with new next app

3 replies

TTCTheo's Typesafe Cult

•Created by Aditya Kirad on 12/23/2023 in #questions

Loading UI not showing

hey folks I'm using the T3 stack with app router I'm fetching some data and on the basis of data I'm generating the component I have wrapped that in a Suspense and I provided a fallback also but until the components aren't ready the loading UI doesn't shows up the page loads with full content here is my code

import { redirect } from "next/navigation";
import { Suspense } from "react";
import { getServerAuthSession } from "@/server/auth";
import { api } from "@/trpc/server";
import { Container, Grid, Heading } from "@radix-ui/themes";
import GuildCard, { LoadingGuildCard } from "@/app/_components/GuildCard";

export default async function Page() {
  const session = await getServerAuthSession();
  if (!session || !session.user) {
    redirect("/");
  }
  const discord = await api.discord.getGuilds.query({
    userId: session.user.id,
  });

  return (
    <Container size="3" mx="4">
      <Heading className="mt-rx-8 text-center">Select a server</Heading>
      <Grid className="mt-rx-8 gap-rx-4 md:grid-cols-2 lg:grid-cols-3">
        <Suspense fallback={<LoadingGuildCard />}>
          {discord?.guilds?.map((guild) => (
            <GuildCard key={guild.id} guild={guild} />
          ))}
        </Suspense>
      </Grid>
    </Container>
  );
}

import { redirect } from "next/navigation";
import { Suspense } from "react";
import { getServerAuthSession } from "@/server/auth";
import { api } from "@/trpc/server";
import { Container, Grid, Heading } from "@radix-ui/themes";
import GuildCard, { LoadingGuildCard } from "@/app/_components/GuildCard";

export default async function Page() {
  const session = await getServerAuthSession();
  if (!session || !session.user) {
    redirect("/");
  }
  const discord = await api.discord.getGuilds.query({
    userId: session.user.id,
  });

  return (
    <Container size="3" mx="4">
      <Heading className="mt-rx-8 text-center">Select a server</Heading>
      <Grid className="mt-rx-8 gap-rx-4 md:grid-cols-2 lg:grid-cols-3">
        <Suspense fallback={<LoadingGuildCard />}>
          {discord?.guilds?.map((guild) => (
            <GuildCard key={guild.id} guild={guild} />
          ))}
        </Suspense>
      </Grid>
    </Container>
  );
}

14 replies

TTCTheo's Typesafe Cult

•Created by Aditya Kirad on 12/21/2023 in #questions

need help with customizing error page if auth is failed

hey folks I'm using next-auth NextJs 14 with app router can anyone tell me how can I customize the default error page if the auth is failed

12 replies

DIAdiscord.js - Imagine an app

•Created by Aditya Kirad on 12/21/2023 in #djs-questions

need help with building dashboard for discord bot

hey, folks I'm building web dashboard for my discord bot using this code I'm gettings all the guilds in which either user can invite or control the bot

const userGuilds = await axios.get(`${env.BASE_DISCORD_API}/users/@me/guilds`, {
    headers: {
      Authorization: `Bearer ${token}`,
    },
  });

const userGuildParsed = guildSchema.safeParse(userGuilds.data);

const guildsWithPermissions = userGuildParsed.data.filter(
        ({ permissions }) =>
          (parseInt(permissions) & 0x20) === 0x20 ||
          (parseInt(permissions) & 0x8) === 0x8,
      );

const userGuilds = await axios.get(`${env.BASE_DISCORD_API}/users/@me/guilds`, {
    headers: {
      Authorization: `Bearer ${token}`,
    },
  });

const userGuildParsed = guildSchema.safeParse(userGuilds.data);

const guildsWithPermissions = userGuildParsed.data.filter(
        ({ permissions }) =>
          (parseInt(permissions) & 0x20) === 0x20 ||
          (parseInt(permissions) & 0x8) === 0x8,
      );

but now I have problem how can I know the guild in which bot is there and not there do I have also get the botGuilds and compare it with guildWithPermissions

2 replies

SIASapphire - Imagine a Framework

•Created by Aditya Kirad on 12/21/2023 in #discordjs-support

need help with building dashboard for discord bot

hey, folks I'm building web dashboard for my discord bot using this code I'm gettings all the guilds in which either user can invite or control the bot

const userGuilds = await axios.get(`${env.BASE_DISCORD_API}/users/@me/guilds`, {
    headers: {
      Authorization: `Bearer ${token}`,
    },
  });

const userGuildParsed = guildSchema.safeParse(userGuilds.data);

const guildsWithPermissions = userGuildParsed.data.filter(
        ({ permissions }) =>
          (parseInt(permissions) & 0x20) === 0x20 ||
          (parseInt(permissions) & 0x8) === 0x8,
      );

const userGuilds = await axios.get(`${env.BASE_DISCORD_API}/users/@me/guilds`, {
    headers: {
      Authorization: `Bearer ${token}`,
    },
  });

const userGuildParsed = guildSchema.safeParse(userGuilds.data);

const guildsWithPermissions = userGuildParsed.data.filter(
        ({ permissions }) =>
          (parseInt(permissions) & 0x20) === 0x20 ||
          (parseInt(permissions) & 0x8) === 0x8,
      );

but now I have problem how can I know the guild in which bot is there and not there do I have also get the botGuilds and compare it with guildWithPermissions

2 replies

KPCKevin Powell - Community

•Created by Aditya Kirad on 12/13/2023 in #front-end

px and accessibility

Hey folks I came across this component library by radix called @radix-ui/themes they use px for most of the css property like font-size isn't px bad for accessibility or am I missing something

3 replies

KPCKevin Powell - Community

•Created by Aditya Kirad on 12/11/2023 in #front-end

browser not understanding css correctly

31 replies

KPCKevin Powell - Community

•Created by Aditya Kirad on 10/16/2023 in #front-end

problem when using javascript to get the actual viewport height

hey folks this is my css

main>div {
  height: 100vh;
  height: calc(var('--vh', 1vh) * 100);
}

main>div {
  height: 100vh;
  height: calc(var('--vh', 1vh) * 100);
}

and this is my javascript

  window.addEventListener('resize', () => {
    const vh = window.innerHeight * 0.01;

    document.documentElement.style.setProperty('--vh', `${vh}px`);
})

  window.addEventListener('resize', () => {
    const vh = window.innerHeight * 0.01;

    document.documentElement.style.setProperty('--vh', `${vh}px`);
})

to get the actual viewport height but when I do scrolling I get a janky behaviour

29 replies

Gaming

Programming