generator-kodly-react-app 1.0.6 → 1.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "generator-kodly-react-app",
-  "version": "1.0.6",
+  "version": "1.0.10",
   "description": "A Yeoman generator for creating React.js applications with Vite, TanStack Router, authentication, and i18n",
   "main": "index.js",
   "type": "module",
@@ -18,7 +18,8 @@
     "generator"
   ],
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "prepublishOnly": "rm -rf generators/app/templates/node_modules generators/app/templates/dist generators/app/templates/.tanstack generators/app/templates/package-lock.json generators/app/templates/*.tsbuildinfo"
   },
   "author": "The Panther <info@thepanther.io>",
   "license": "MIT",

package/generators/app/templates/.env.example

@@ -1,5 +0,0 @@
-# API Configuration
-VITE_API_BASE_URL=http://localhost:8181
-
-# Server Configuration
-PORT=3000

package/generators/app/templates/README.md

@@ -1,57 +0,0 @@
-# <%= appNameTitleCase %>
-
-A React application built with Vite, TanStack Router, and TypeScript.
-
-## Getting Started
-
-1. Install dependencies:
-```bash
-npm install
-```
-
-2. Create a `.env` file from `.env.example`:
-```bash
-cp .env.example .env
-```
-
-3. Update the `.env` file with your API base URL.
-
-4. Start the development server:
-```bash
-npm run dev
-```
-
-## Environment Variables
-
-- `VITE_API_BASE_URL` - Base URL for your API backend (default: `http://localhost:8181`)
-- `PORT` - Port for the development server (default: `3000`)
-
-### Setting Environment Variables
-
-You can set environment variables in several ways:
-
-**Option 1: Using a `.env` file (recommended)**
-```bash
-# Create .env file
-echo "VITE_API_BASE_URL=http://localhost:8080/api" > .env
-echo "PORT=3001" >> .env
-```
-
-**Option 2: Using environment variables when running commands**
-```bash
-VITE_API_BASE_URL=http://localhost:8080/api PORT=3001 npm run dev
-```
-
-**Option 3: Using cross-env (works on all platforms)**
-```bash
-cross-env VITE_API_BASE_URL=http://localhost:8080/api PORT=3001 npm run dev
-```
-
-## Project Structure
-
-- `src/routes/` - File-based routing with TanStack Router
-- `src/modules/auth/` - Authentication module
-- `src/components/` - Reusable UI components
-- `src/lib/` - Utility functions and configurations
-- `src/locales/` - i18n translation files
-

package/generators/app/templates/src/locales/en.json

@@ -1,18 +0,0 @@
-{
-  "login": {
-    "title": "Login",
-    "email": "Email",
-    "emailPlaceholder": "Enter your email",
-    "password": "Password",
-    "passwordPlaceholder": "Enter your password",
-    "submit": "Sign In"
-  },
-  "welcome": {
-    "title": "Welcome",
-    "message": "You have successfully logged in!",
-    "logout": "Logout"
-  },
-  "notFound": {
-    "message": "Page not found"
-  }
-}

package/generators/app/templates/src/modules/auth/auth-context.tsx

@@ -1,13 +0,0 @@
-import { createContext } from "react";
-import { currentUserDetailsAtom } from "./use-auth-hook";
-import { useAtomValue } from "jotai";
-
-export const AuthContext = createContext<any | undefined>(undefined);
-
-export const AuthProvider = ({ children }: { children: React.ReactNode }) => {
-  const authData = useAtomValue(currentUserDetailsAtom);
-  return (
-    <AuthContext.Provider value={authData}>{children}</AuthContext.Provider>
-  );
-};
-

package/generators/app/templates/src/modules/auth/login/login-form.tsx

@@ -1,49 +0,0 @@
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { useLogin } from "../use-auth-hook";
-import { useState } from "react";
-import { useTranslation } from "react-i18next";
-
-export function LoginForm() {
-  const { t } = useTranslation();
-  const { mutate, isPending } = useLogin();
-  const [email, setEmail] = useState("");
-  const [password, setPassword] = useState("");
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    mutate({ email, password });
-  };
-
-  return (
-    <div className="flex flex-col gap-6">
-      <h1 className="text-2xl font-semibold">{t("login.title")}</h1>
-      <form className="flex flex-col gap-4" onSubmit={handleSubmit}>
-        <div className="flex flex-col gap-2">
-          <label className="text-sm font-medium">{t("login.email")}</label>
-          <Input
-            type="email"
-            value={email}
-            onChange={(e) => setEmail(e.target.value)}
-            placeholder={t("login.emailPlaceholder")}
-            required
-          />
-        </div>
-        <div className="flex flex-col gap-2">
-          <label className="text-sm font-medium">{t("login.password")}</label>
-          <Input
-            type="password"
-            value={password}
-            onChange={(e) => setPassword(e.target.value)}
-            placeholder={t("login.passwordPlaceholder")}
-            required
-          />
-        </div>
-        <Button type="submit" disabled={isPending}>
-          {t("login.submit")}
-        </Button>
-      </form>
-    </div>
-  );
-}
-

package/generators/app/templates/src/modules/auth/login/login-page.tsx

@@ -1,12 +0,0 @@
-import { LoginForm } from "./login-form";
-
-export function LoginPage() {
-  return (
-    <div className="flex h-screen items-center justify-center bg-background">
-      <div className="w-full max-w-md p-8">
-        <LoginForm />
-      </div>
-    </div>
-  );
-}
-

package/generators/app/templates/src/modules/auth/use-auth-hook.ts

@@ -1,87 +0,0 @@
-import { Route as LoginRoute } from '@/routes/auth/login';
-import { Route as AppRoute } from '@/routes/index';
-import { useMutation } from '@tanstack/react-query';
-import { useNavigate } from '@tanstack/react-router';
-import { atom, useAtomValue, useSetAtom } from 'jotai';
-import { atomWithStorage } from 'jotai/utils';
-import { client } from '@/lib/api/client';
-
-export const authTokenAtom = atomWithStorage<string>('authTokenAtom', '', undefined, {
-  getOnInit: true,
-});
-
-export const currentUserDetailsAtom = atom<any>();
-
-export const setTokenInAxios = (token?: string | null) => {
-  if (token) {
-    client.defaults.headers.common['x-auth-token'] = token;
-  } else {
-    delete client.defaults.headers.common['x-auth-token'];
-  }
-};
-
-export const setLocaleInAxios = (locale: 'en') => {
-  client.defaults.headers.common['Accept-Language'] = locale;
-};
-
-export const useLogin = () => {
-  const setAuthToken = useSetAtom(authTokenAtom);
-  const setCurrentUser = useSetAtom(currentUserDetailsAtom);
-  const navigate = useNavigate();
-  return useMutation({
-    mutationFn: async (data: { email: string; password: string }) => {
-      const response = await client.post('/auth/user/login', data);
-      return response.data;
-    },
-    onSuccess: (authData) => {
-      const token = authData?.data?.token || '';
-      setAuthToken(token);
-      setCurrentUser(authData.data);
-      setTokenInAxios(token);
-      navigate({ to: AppRoute.to });
-    },
-    onError: (err: any) => {
-      // Error is already handled by axios interceptor
-      console.error('Login failed:', err);
-    },
-  });
-};
-
-export const useValidateToken = () => {
-  const setCurrentUser = useSetAtom(currentUserDetailsAtom);
-  const setAuthToken = useSetAtom(authTokenAtom);
-  const authToken = useAtomValue(authTokenAtom);
-  setTokenInAxios(authToken);
-  return useMutation({
-    mutationFn: async () => {
-      const response = await client.post('/auth/user/validate-token');
-      return response.data;
-    },
-    retry: false,
-    onSuccess: (data) => {
-      setCurrentUser(data.data);
-    },
-    onError: () => {
-      setCurrentUser(undefined);
-      setAuthToken('');
-      setTokenInAxios();
-    },
-  });
-};
-
-export const useLogout = () => {
-  const setAuthToken = useSetAtom(authTokenAtom);
-  const setCurrentUser = useSetAtom(currentUserDetailsAtom);
-  const navigate = useNavigate();
-  return useMutation({
-    mutationFn: async () => {
-      await client.post('/auth/user/logout');
-    },
-    onSuccess: () => {
-      setAuthToken('');
-      setCurrentUser(undefined);
-      setTokenInAxios();
-      navigate({ to: LoginRoute.to });
-    },
-  });
-};

package/generators/app/templates/src/routes/index.tsx

@@ -1,12 +0,0 @@
-import { createFileRoute, redirect } from "@tanstack/react-router";
-import { Route as AppRoute } from "./app";
-
-export const Route = createFileRoute("/")({
-  beforeLoad: () => {
-    throw redirect({
-      to: AppRoute.to,
-      replace: true,
-    });
-  },
-});
-

package/generators/app/templates/types.d.ts

@@ -1,3 +0,0 @@
-// Global type definitions
-// Add your custom type definitions here
-