generator-kodly-react-app 1.0.6 → 1.0.10

package/generators/app/templates/src/modules/auth/locales/auth-en.json

@@ -0,0 +1,105 @@
+{
+  "login": {
+    "title": "Login",
+    "email": "Email",
+    "emailPlaceholder": "Enter your email",
+    "password": "Password",
+    "passwordPlaceholder": "Enter your password",
+    "submit": "Sign In",
+    "forgotPasswordLink": "Forgot password?",
+    "signupLink": "Don't have an account? Sign up",
+    "validation": {
+      "email": {
+        "required": "Email is required",
+        "invalid": "Please enter a valid email address",
+        "minLength": "Email must be at least {{minLength}} characters",
+        "maxLength": "Email must be at most {{maxLength}} characters"
+      },
+      "password": {
+        "required": "Password is required",
+        "minLength": "Password must be at least {{minLength}} characters",
+        "maxLength": "Password must be at most {{maxLength}} characters"
+      }
+    }
+  },
+  "signup": {
+    "title": "Sign Up",
+    "email": "Email",
+    "emailPlaceholder": "Enter your email",
+    "password": "Password",
+    "passwordPlaceholder": "Enter your password",
+    "name": "Name",
+    "namePlaceholder": "Enter your name (optional)",
+    "submit": "Sign Up",
+    "loginLink": "Already have an account? Sign in",
+    "validation": {
+      "email": {
+        "required": "Email is required",
+        "invalid": "Please enter a valid email address",
+        "minLength": "Email must be at least {{minLength}} characters",
+        "maxLength": "Email must be at most {{maxLength}} characters"
+      },
+      "password": {
+        "required": "Password is required",
+        "minLength": "Password must be at least {{minLength}} characters",
+        "maxLength": "Password must be at most {{maxLength}} characters"
+      },
+      "name": {
+        "minLength": "Name must be at least {{minLength}} characters",
+        "maxLength": "Name must be at most {{maxLength}} characters"
+      }
+    }
+  },
+  "forgotPassword": {
+    "title": "Forgot Password",
+    "email": "Email",
+    "emailPlaceholder": "Enter your email",
+    "submit": "Send OTP",
+    "loginLink": "Back to sign in",
+    "validation": {
+      "email": {
+        "required": "Email is required",
+        "invalid": "Please enter a valid email address",
+        "minLength": "Email must be at least {{minLength}} characters",
+        "maxLength": "Email must be at most {{maxLength}} characters"
+      }
+    }
+  },
+  "resetPassword": {
+    "title": "Reset Password",
+    "email": "Email",
+    "emailPlaceholder": "Enter your email",
+    "otp": "OTP",
+    "otpPlaceholder": "Enter the OTP code",
+    "password": "Password",
+    "passwordPlaceholder": "Enter your new password",
+    "submit": "Reset Password",
+    "validation": {
+      "email": {
+        "required": "Email is required",
+        "invalid": "Please enter a valid email address",
+        "minLength": "Email must be at least {{minLength}} characters",
+        "maxLength": "Email must be at most {{maxLength}} characters"
+      },
+      "otp": {
+        "required": "OTP is required",
+        "minLength": "OTP must be at least {{minLength}} characters",
+        "maxLength": "OTP must be at most {{maxLength}} characters"
+      },
+      "password": {
+        "required": "Password is required",
+        "minLength": "Password must be at least {{minLength}} characters",
+        "maxLength": "Password must be at most {{maxLength}} characters"
+      }
+    }
+  },
+  "messages": {
+    "loginFailed": "Login failed",
+    "signupFailed": "Signup failed",
+    "otpSentSuccess": "OTP sent successfully",
+    "otpSendFailed": "Failed to send OTP",
+    "passwordResetSuccess": "Password reset successfully",
+    "passwordResetFailed": "Failed to reset password"
+  }
+}
+

package/generators/app/templates/src/modules/auth/locales/auth-ja.json

@@ -0,0 +1,105 @@
+{
+  "login": {
+    "title": "ログイン",
+    "email": "メールアドレス",
+    "emailPlaceholder": "メールアドレスを入力してください",
+    "password": "パスワード",
+    "passwordPlaceholder": "パスワードを入力してください",
+    "submit": "サインイン",
+    "forgotPasswordLink": "パスワードをお忘れですか？",
+    "signupLink": "アカウントをお持ちでない方は、サインアップしてください",
+    "validation": {
+      "email": {
+        "required": "メールアドレスは必須です",
+        "invalid": "有効なメールアドレスを入力してください",
+        "minLength": "メールアドレスは少なくとも{{minLength}}文字である必要があります",
+        "maxLength": "メールアドレスは最大{{maxLength}}文字である必要があります"
+      },
+      "password": {
+        "required": "パスワードは必須です",
+        "minLength": "パスワードは少なくとも{{minLength}}文字である必要があります",
+        "maxLength": "パスワードは最大{{maxLength}}文字である必要があります"
+      }
+    }
+  },
+  "signup": {
+    "title": "サインアップ",
+    "email": "メールアドレス",
+    "emailPlaceholder": "メールアドレスを入力してください",
+    "password": "パスワード",
+    "passwordPlaceholder": "パスワードを入力してください",
+    "name": "名前",
+    "namePlaceholder": "名前を入力してください（任意）",
+    "submit": "サインアップ",
+    "loginLink": "すでにアカウントをお持ちの方は、サインインしてください",
+    "validation": {
+      "email": {
+        "required": "メールアドレスは必須です",
+        "invalid": "有効なメールアドレスを入力してください",
+        "minLength": "メールアドレスは少なくとも{{minLength}}文字である必要があります",
+        "maxLength": "メールアドレスは最大{{maxLength}}文字である必要があります"
+      },
+      "password": {
+        "required": "パスワードは必須です",
+        "minLength": "パスワードは少なくとも{{minLength}}文字である必要があります",
+        "maxLength": "パスワードは最大{{maxLength}}文字である必要があります"
+      },
+      "name": {
+        "minLength": "名前は少なくとも{{minLength}}文字である必要があります",
+        "maxLength": "名前は最大{{maxLength}}文字である必要があります"
+      }
+    }
+  },
+  "forgotPassword": {
+    "title": "パスワードを忘れた場合",
+    "email": "メールアドレス",
+    "emailPlaceholder": "メールアドレスを入力してください",
+    "submit": "OTPを送信",
+    "loginLink": "サインインに戻る",
+    "validation": {
+      "email": {
+        "required": "メールアドレスは必須です",
+        "invalid": "有効なメールアドレスを入力してください",
+        "minLength": "メールアドレスは少なくとも{{minLength}}文字である必要があります",
+        "maxLength": "メールアドレスは最大{{maxLength}}文字である必要があります"
+      }
+    }
+  },
+  "resetPassword": {
+    "title": "パスワードをリセット",
+    "email": "メールアドレス",
+    "emailPlaceholder": "メールアドレスを入力してください",
+    "otp": "OTP",
+    "otpPlaceholder": "OTPコードを入力してください",
+    "password": "パスワード",
+    "passwordPlaceholder": "新しいパスワードを入力してください",
+    "submit": "パスワードをリセット",
+    "validation": {
+      "email": {
+        "required": "メールアドレスは必須です",
+        "invalid": "有効なメールアドレスを入力してください",
+        "minLength": "メールアドレスは少なくとも{{minLength}}文字である必要があります",
+        "maxLength": "メールアドレスは最大{{maxLength}}文字である必要があります"
+      },
+      "otp": {
+        "required": "OTPは必須です",
+        "minLength": "OTPは少なくとも{{minLength}}文字である必要があります",
+        "maxLength": "OTPは最大{{maxLength}}文字である必要があります"
+      },
+      "password": {
+        "required": "パスワードは必須です",
+        "minLength": "パスワードは少なくとも{{minLength}}文字である必要があります",
+        "maxLength": "パスワードは最大{{maxLength}}文字である必要があります"
+      }
+    }
+  },
+  "messages": {
+    "loginFailed": "ログインに失敗しました",
+    "signupFailed": "サインアップに失敗しました",
+    "otpSentSuccess": "OTPが正常に送信されました",
+    "otpSendFailed": "OTPの送信に失敗しました",
+    "passwordResetSuccess": "パスワードが正常にリセットされました",
+    "passwordResetFailed": "パスワードのリセットに失敗しました"
+  }
+}
+

package/generators/app/templates/src/modules/landing/components/auth-hero.tsx

@@ -0,0 +1,34 @@
+import { Link } from '@tanstack/react-router';
+import { Button } from '@/components/ui/button';
+import { useTranslation } from 'react-i18next';
+import { Route as LoginRoute } from '@/routes/auth/login';
+import { Route as SignupRoute } from '@/routes/auth/signup';
+
+export function AuthHero() {
+  const { t } = useTranslation();
+
+  return (
+    <>
+      <h1 className='text-4xl md:text-5xl lg:text-6xl font-bold mb-6'>{t('landing.hero.title')}</h1>
+      <p className='text-xl md:text-2xl text-muted-foreground mb-12 max-w-2xl mx-auto'>{t('landing.hero.description')}</p>
+      <div className='flex flex-col sm:flex-row gap-4 justify-center items-center'>
+        <Link to={LoginRoute.to}>
+          <Button
+            size='lg'
+            className='w-full sm:w-auto min-w-[150px]'>
+            {t('landing.hero.loginButton')}
+          </Button>
+        </Link>
+        <Link to={SignupRoute.to}>
+          <Button
+            size='lg'
+            variant='outline'
+            className='w-full sm:w-auto min-w-[150px]'>
+            {t('landing.hero.signupButton')}
+          </Button>
+        </Link>
+      </div>
+    </>
+  );
+}
+

package/generators/app/templates/src/modules/landing/components/welcome-hero.tsx

@@ -0,0 +1,24 @@
+import { Link } from '@tanstack/react-router';
+import { Button } from '@/components/ui/button';
+import { useTranslation } from 'react-i18next';
+import { DEFAULT_LOGGED_IN_ROUTE } from '@/lib/routes';
+
+export function WelcomeHero() {
+  const { t } = useTranslation();
+
+  return (
+    <>
+      <h1 className='text-4xl md:text-5xl lg:text-6xl font-bold mb-6'>{t('landing.hero.welcomeTitle')}</h1>
+      <p className='text-xl md:text-2xl text-muted-foreground mb-12 max-w-2xl mx-auto'>{t('landing.hero.welcomeDescription')}</p>
+      <div className='flex justify-center items-center'>
+        <Link to={DEFAULT_LOGGED_IN_ROUTE}>
+          <Button
+            size='lg'
+            className='w-full sm:w-auto min-w-[150px]'>
+            {t('landing.hero.getStartedButton')}
+          </Button>
+        </Link>
+      </div>
+    </>
+  );
+}

package/generators/app/templates/src/modules/landing/landing-page-layout.tsx

@@ -0,0 +1,24 @@
+import { LanguageSwitcher } from '@/components/layout/language-switcher';
+import { ThemeSwitcher } from '@/components/layout/theme-switcher';
+import { useTranslation } from 'react-i18next';
+
+export function LandingPageLayout({ children }: { children: React.ReactNode }) {
+  const { t } = useTranslation();
+
+  return (
+    <div className='min-h-screen bg-background'>
+      <header className='border-b'>
+        <div className='container mx-auto flex h-16 items-center justify-between px-4'>
+          <div className='flex items-center gap-4'>
+            <h1 className='text-xl font-semibold'>{t('app.title')}</h1>
+          </div>
+          <div className='flex items-center gap-4'>
+            <ThemeSwitcher />
+            <LanguageSwitcher />
+          </div>
+        </div>
+      </header>
+      <main>{children}</main>
+    </div>
+  );
+}

package/generators/app/templates/src/modules/landing/landing-page.tsx

@@ -0,0 +1,17 @@
+import { useAtomValue } from 'jotai';
+import { authTokenAtom, currentUserDetailsAtom } from '@/modules/auth/hooks/use-auth-hook';
+import { WelcomeHero } from './components/welcome-hero';
+import { AuthHero } from './components/auth-hero';
+
+export function LandingPage() {
+  const token = useAtomValue(authTokenAtom);
+  const userData = useAtomValue(currentUserDetailsAtom);
+
+  const isAuthenticated = token && userData;
+
+  return (
+    <div className='container mx-auto px-4 py-16'>
+      <div className='max-w-4xl mx-auto text-center'>{isAuthenticated ? <WelcomeHero /> : <AuthHero />}</div>
+    </div>
+  );
+}

package/generators/app/templates/src/modules/landing/layouts/landing-page-layout.tsx

@@ -0,0 +1,24 @@
+import { LanguageSwitcher } from '@/components/layout/language-switcher';
+import { ThemeSwitcher } from '@/components/layout/theme-switcher';
+import { useTranslation } from 'react-i18next';
+
+export function LandingPageLayout({ children }: { children: React.ReactNode }) {
+  const { t } = useTranslation();
+
+  return (
+    <div className='min-h-screen bg-background'>
+      <header className='border-b'>
+        <div className='container mx-auto flex h-16 items-center justify-between px-4'>
+          <div className='flex items-center gap-4'>
+            <h1 className='text-xl font-semibold'>{t('app.title')}</h1>
+          </div>
+          <div className='flex items-center gap-4'>
+            <ThemeSwitcher />
+            <LanguageSwitcher />
+          </div>
+        </div>
+      </header>
+      <main>{children}</main>
+    </div>
+  );
+}

package/generators/app/templates/src/modules/landing/locales/landing-en.json

@@ -0,0 +1,12 @@
+{
+  "hero": {
+    "title": "Welcome to Our App",
+    "description": "Get started by logging in or creating a new account",
+    "loginButton": "Login",
+    "signupButton": "Sign Up",
+    "welcomeTitle": "Welcome back!",
+    "welcomeDescription": "Ready to get started?",
+    "getStartedButton": "Get Started"
+  }
+}
+

package/generators/app/templates/src/modules/landing/locales/landing-ja.json

@@ -0,0 +1,11 @@
+{
+  "hero": {
+    "title": "アプリへようこそ",
+    "description": "ログインするか、新しいアカウントを作成して始めましょう",
+    "loginButton": "ログイン",
+    "signupButton": "サインアップ",
+    "welcomeTitle": "おかえりなさい！",
+    "welcomeDescription": "始める準備はできていますか？",
+    "getStartedButton": "始める"
+  }
+}

package/generators/app/templates/src/openapi-client-config.ts

@@ -0,0 +1,6 @@
+import type { CreateClientConfig } from '@/sdk/client.gen';
+
+export const createClientConfig: CreateClientConfig = (config) => ({
+  ...config,
+  baseURL: import.meta.env.VITE_API_BASE_URL,
+});

package/generators/app/templates/src/routeTree.gen.ts

@@ -1,10 +1,275 @@
 /* eslint-disable */
+
 // @ts-nocheck
 
-// This file is auto-generated by TanStack Router
-// It will be overwritten when the router plugin runs
+// noinspection JSUnusedGlobalSymbols
+
+// This file was automatically generated by TanStack Router.
+// You should NOT make any changes in this file as it will be overwritten.
+// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
 
 import { Route as rootRouteImport } from './routes/__root'
+import { Route as SplatRouteImport } from './routes/$'
+import { Route as AuthRouteRouteImport } from './routes/auth/route'
+import { Route as AppRouteRouteImport } from './routes/app/route'
+import { Route as LandingRouteRouteImport } from './routes/_landing/route'
+import { Route as AppIndexRouteImport } from './routes/app/index'
+import { Route as LandingIndexRouteImport } from './routes/_landing/index'
+import { Route as AuthSignupRouteImport } from './routes/auth/signup'
+import { Route as AuthResetPasswordRouteImport } from './routes/auth/reset-password'
+import { Route as AuthLoginRouteImport } from './routes/auth/login'
+import { Route as AuthForgotPasswordRouteImport } from './routes/auth/forgot-password'
 
-export const routeTree = rootRouteImport
+const SplatRoute = SplatRouteImport.update({
+  id: '/$',
+  path: '/$',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const AuthRouteRoute = AuthRouteRouteImport.update({
+  id: '/auth',
+  path: '/auth',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const AppRouteRoute = AppRouteRouteImport.update({
+  id: '/app',
+  path: '/app',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const LandingRouteRoute = LandingRouteRouteImport.update({
+  id: '/_landing',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const AppIndexRoute = AppIndexRouteImport.update({
+  id: '/',
+  path: '/',
+  getParentRoute: () => AppRouteRoute,
+} as any)
+const LandingIndexRoute = LandingIndexRouteImport.update({
+  id: '/',
+  path: '/',
+  getParentRoute: () => LandingRouteRoute,
+} as any)
+const AuthSignupRoute = AuthSignupRouteImport.update({
+  id: '/signup',
+  path: '/signup',
+  getParentRoute: () => AuthRouteRoute,
+} as any)
+const AuthResetPasswordRoute = AuthResetPasswordRouteImport.update({
+  id: '/reset-password',
+  path: '/reset-password',
+  getParentRoute: () => AuthRouteRoute,
+} as any)
+const AuthLoginRoute = AuthLoginRouteImport.update({
+  id: '/login',
+  path: '/login',
+  getParentRoute: () => AuthRouteRoute,
+} as any)
+const AuthForgotPasswordRoute = AuthForgotPasswordRouteImport.update({
+  id: '/forgot-password',
+  path: '/forgot-password',
+  getParentRoute: () => AuthRouteRoute,
+} as any)
+
+export interface FileRoutesByFullPath {
+  '/app': typeof AppRouteRouteWithChildren
+  '/auth': typeof AuthRouteRouteWithChildren
+  '/$': typeof SplatRoute
+  '/auth/forgot-password': typeof AuthForgotPasswordRoute
+  '/auth/login': typeof AuthLoginRoute
+  '/auth/reset-password': typeof AuthResetPasswordRoute
+  '/auth/signup': typeof AuthSignupRoute
+  '/': typeof LandingIndexRoute
+  '/app/': typeof AppIndexRoute
+}
+export interface FileRoutesByTo {
+  '/auth': typeof AuthRouteRouteWithChildren
+  '/$': typeof SplatRoute
+  '/auth/forgot-password': typeof AuthForgotPasswordRoute
+  '/auth/login': typeof AuthLoginRoute
+  '/auth/reset-password': typeof AuthResetPasswordRoute
+  '/auth/signup': typeof AuthSignupRoute
+  '/': typeof LandingIndexRoute
+  '/app': typeof AppIndexRoute
+}
+export interface FileRoutesById {
+  __root__: typeof rootRouteImport
+  '/_landing': typeof LandingRouteRouteWithChildren
+  '/app': typeof AppRouteRouteWithChildren
+  '/auth': typeof AuthRouteRouteWithChildren
+  '/$': typeof SplatRoute
+  '/auth/forgot-password': typeof AuthForgotPasswordRoute
+  '/auth/login': typeof AuthLoginRoute
+  '/auth/reset-password': typeof AuthResetPasswordRoute
+  '/auth/signup': typeof AuthSignupRoute
+  '/_landing/': typeof LandingIndexRoute
+  '/app/': typeof AppIndexRoute
+}
+export interface FileRouteTypes {
+  fileRoutesByFullPath: FileRoutesByFullPath
+  fullPaths:
+    | '/app'
+    | '/auth'
+    | '/$'
+    | '/auth/forgot-password'
+    | '/auth/login'
+    | '/auth/reset-password'
+    | '/auth/signup'
+    | '/'
+    | '/app/'
+  fileRoutesByTo: FileRoutesByTo
+  to:
+    | '/auth'
+    | '/$'
+    | '/auth/forgot-password'
+    | '/auth/login'
+    | '/auth/reset-password'
+    | '/auth/signup'
+    | '/'
+    | '/app'
+  id:
+    | '__root__'
+    | '/_landing'
+    | '/app'
+    | '/auth'
+    | '/$'
+    | '/auth/forgot-password'
+    | '/auth/login'
+    | '/auth/reset-password'
+    | '/auth/signup'
+    | '/_landing/'
+    | '/app/'
+  fileRoutesById: FileRoutesById
+}
+export interface RootRouteChildren {
+  LandingRouteRoute: typeof LandingRouteRouteWithChildren
+  AppRouteRoute: typeof AppRouteRouteWithChildren
+  AuthRouteRoute: typeof AuthRouteRouteWithChildren
+  SplatRoute: typeof SplatRoute
+}
+
+declare module '@tanstack/react-router' {
+  interface FileRoutesByPath {
+    '/$': {
+      id: '/$'
+      path: '/$'
+      fullPath: '/$'
+      preLoaderRoute: typeof SplatRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/auth': {
+      id: '/auth'
+      path: '/auth'
+      fullPath: '/auth'
+      preLoaderRoute: typeof AuthRouteRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/app': {
+      id: '/app'
+      path: '/app'
+      fullPath: '/app'
+      preLoaderRoute: typeof AppRouteRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/_landing': {
+      id: '/_landing'
+      path: ''
+      fullPath: ''
+      preLoaderRoute: typeof LandingRouteRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/app/': {
+      id: '/app/'
+      path: '/'
+      fullPath: '/app/'
+      preLoaderRoute: typeof AppIndexRouteImport
+      parentRoute: typeof AppRouteRoute
+    }
+    '/_landing/': {
+      id: '/_landing/'
+      path: '/'
+      fullPath: '/'
+      preLoaderRoute: typeof LandingIndexRouteImport
+      parentRoute: typeof LandingRouteRoute
+    }
+    '/auth/signup': {
+      id: '/auth/signup'
+      path: '/signup'
+      fullPath: '/auth/signup'
+      preLoaderRoute: typeof AuthSignupRouteImport
+      parentRoute: typeof AuthRouteRoute
+    }
+    '/auth/reset-password': {
+      id: '/auth/reset-password'
+      path: '/reset-password'
+      fullPath: '/auth/reset-password'
+      preLoaderRoute: typeof AuthResetPasswordRouteImport
+      parentRoute: typeof AuthRouteRoute
+    }
+    '/auth/login': {
+      id: '/auth/login'
+      path: '/login'
+      fullPath: '/auth/login'
+      preLoaderRoute: typeof AuthLoginRouteImport
+      parentRoute: typeof AuthRouteRoute
+    }
+    '/auth/forgot-password': {
+      id: '/auth/forgot-password'
+      path: '/forgot-password'
+      fullPath: '/auth/forgot-password'
+      preLoaderRoute: typeof AuthForgotPasswordRouteImport
+      parentRoute: typeof AuthRouteRoute
+    }
+  }
+}
+
+interface LandingRouteRouteChildren {
+  LandingIndexRoute: typeof LandingIndexRoute
+}
+
+const LandingRouteRouteChildren: LandingRouteRouteChildren = {
+  LandingIndexRoute: LandingIndexRoute,
+}
+
+const LandingRouteRouteWithChildren = LandingRouteRoute._addFileChildren(
+  LandingRouteRouteChildren,
+)
 
+interface AppRouteRouteChildren {
+  AppIndexRoute: typeof AppIndexRoute
+}
+
+const AppRouteRouteChildren: AppRouteRouteChildren = {
+  AppIndexRoute: AppIndexRoute,
+}
+
+const AppRouteRouteWithChildren = AppRouteRoute._addFileChildren(
+  AppRouteRouteChildren,
+)
+
+interface AuthRouteRouteChildren {
+  AuthForgotPasswordRoute: typeof AuthForgotPasswordRoute
+  AuthLoginRoute: typeof AuthLoginRoute
+  AuthResetPasswordRoute: typeof AuthResetPasswordRoute
+  AuthSignupRoute: typeof AuthSignupRoute
+}
+
+const AuthRouteRouteChildren: AuthRouteRouteChildren = {
+  AuthForgotPasswordRoute: AuthForgotPasswordRoute,
+  AuthLoginRoute: AuthLoginRoute,
+  AuthResetPasswordRoute: AuthResetPasswordRoute,
+  AuthSignupRoute: AuthSignupRoute,
+}
+
+const AuthRouteRouteWithChildren = AuthRouteRoute._addFileChildren(
+  AuthRouteRouteChildren,
+)
+
+const rootRouteChildren: RootRouteChildren = {
+  LandingRouteRoute: LandingRouteRouteWithChildren,
+  AppRouteRoute: AppRouteRouteWithChildren,
+  AuthRouteRoute: AuthRouteRouteWithChildren,
+  SplatRoute: SplatRoute,
+}
+export const routeTree = rootRouteImport
+  ._addFileChildren(rootRouteChildren)
+  ._addFileTypes<FileRouteTypes>()

package/generators/app/templates/src/router.tsx

@@ -1,8 +1,8 @@
 import { createRouter } from '@tanstack/react-router';
-import { routeTree } from './routeTree.gen';
+import { routeTree } from '@/routeTree.gen';
 
 export const router = createRouter({
-  basepath: import.meta.env.VITE_BASE || '/',
+  basepath: import.meta.env.BASE_URL,
   routeTree,
   context: {
     token: undefined!,