@promakeai/cli 0.0.5 → 0.1.0

package/template/src/modules/auth/register-page.tsx

@@ -1,252 +0,0 @@
-import { useState, useEffect } from "react";
-import { Link, useNavigate } from "react-router";
-import { toast } from "sonner";
-import { Layout } from "@/components/Layout";
-import { usePageTitle } from "@/hooks/use-page-title";
-import { useTranslation } from "react-i18next";
-import { useAuth } from "@/modules/auth/use-auth";
-import { getErrorMessage } from "@/modules/api/get-error-message";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { UserPlus, Eye, EyeOff, CheckCircle } from "lucide-react";
-
-export default function RegisterPage() {
-  const { t } = useTranslation("register");
-  usePageTitle({ title: t("title") });
-
-  const navigate = useNavigate();
-  const { register, isAuthenticated } = useAuth();
-
-  const [formData, setFormData] = useState({
-    username: "",
-    email: "",
-    password: "",
-    confirmPassword: "",
-  });
-  const [showPassword, setShowPassword] = useState(false);
-  const [isSubmitting, setIsSubmitting] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-  const [success, setSuccess] = useState(false);
-
-  // Redirect if already authenticated
-  useEffect(() => {
-    if (isAuthenticated) {
-      navigate("/", { replace: true });
-    }
-  }, [isAuthenticated, navigate]);
-
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault();
-    setIsSubmitting(true);
-    setError(null);
-
-    // Validate passwords match
-    if (formData.password !== formData.confirmPassword) {
-      setError(t("passwordMismatch"));
-      toast.error(t("toastErrorTitle", "Registration failed"), {
-        description: t("passwordMismatch"),
-      });
-      setIsSubmitting(false);
-      return;
-    }
-
-    try {
-      await register(formData.username, formData.email, formData.password);
-      setSuccess(true);
-      toast.success(t("toastSuccessTitle", "Account created!"), {
-        description: t(
-          "toastSuccessDesc",
-          "Please check your email to verify your account.",
-        ),
-      });
-    } catch (err) {
-      const errorMessage = getErrorMessage(err, t("errorGeneric"));
-      setError(errorMessage);
-      toast.error(t("toastErrorTitle", "Registration failed"), {
-        description: errorMessage,
-      });
-    } finally {
-      setIsSubmitting(false);
-    }
-  };
-
-  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    setFormData((prev) => ({
-      ...prev,
-      [e.target.name]: e.target.value,
-    }));
-  };
-
-  if (success) {
-    return (
-      <Layout>
-        <div className="min-h-screen bg-muted/30 py-12">
-          <div className="container mx-auto px-4">
-            <div className="max-w-md mx-auto">
-              <Card>
-                <CardContent className="pt-6">
-                  <div className="text-center space-y-4">
-                    <CheckCircle className="w-16 h-16 text-green-500 mx-auto" />
-                    <h2 className="text-2xl font-bold text-foreground">
-                      {t("successTitle")}
-                    </h2>
-                    <p className="text-muted-foreground">
-                      {t("successMessage")}
-                    </p>
-                    <Button asChild className="mt-4">
-                      <Link to="/login">{t("goToLogin")}</Link>
-                    </Button>
-                  </div>
-                </CardContent>
-              </Card>
-            </div>
-          </div>
-        </div>
-      </Layout>
-    );
-  }
-
-  return (
-    <Layout>
-      <div className="min-h-screen bg-muted/30 py-12">
-        <div className="container mx-auto px-4">
-          {/* Hero Section */}
-          <div className="text-center mb-12">
-            <h1 className="text-4xl font-bold text-foreground mb-4">
-              {t("title")}
-            </h1>
-            <div className="w-16 h-1 bg-primary mx-auto mb-6"></div>
-            <p className="text-lg text-muted-foreground max-w-xl mx-auto">
-              {t("description")}
-            </p>
-          </div>
-
-          <div className="max-w-md mx-auto">
-            <Card>
-              <CardHeader>
-                <CardTitle className="flex items-center gap-2">
-                  <UserPlus className="w-5 h-5 text-primary" />
-                  {t("cardTitle")}
-                </CardTitle>
-              </CardHeader>
-              <CardContent>
-                <form onSubmit={handleSubmit} className="space-y-6">
-                  <div>
-                    <Label htmlFor="username">{t("username")} *</Label>
-                    <Input
-                      id="username"
-                      name="username"
-                      type="text"
-                      value={formData.username}
-                      onChange={handleChange}
-                      placeholder={t("usernamePlaceholder")}
-                      required
-                      className="mt-1"
-                      autoComplete="username"
-                    />
-                  </div>
-
-                  <div>
-                    <Label htmlFor="email">{t("email")} *</Label>
-                    <Input
-                      id="email"
-                      name="email"
-                      type="email"
-                      value={formData.email}
-                      onChange={handleChange}
-                      placeholder={t("emailPlaceholder")}
-                      required
-                      className="mt-1"
-                      autoComplete="email"
-                    />
-                  </div>
-
-                  <div>
-                    <Label htmlFor="password">{t("password")} *</Label>
-                    <div className="relative">
-                      <Input
-                        id="password"
-                        name="password"
-                        type={showPassword ? "text" : "password"}
-                        value={formData.password}
-                        onChange={handleChange}
-                        placeholder={t("passwordPlaceholder")}
-                        required
-                        className="mt-1 pr-10"
-                        autoComplete="new-password"
-                      />
-                      <button
-                        type="button"
-                        onClick={() => setShowPassword(!showPassword)}
-                        className="absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground"
-                      >
-                        {showPassword ? (
-                          <EyeOff className="w-4 h-4" />
-                        ) : (
-                          <Eye className="w-4 h-4" />
-                        )}
-                      </button>
-                    </div>
-                  </div>
-
-                  <div>
-                    <Label htmlFor="confirmPassword">
-                      {t("confirmPassword")} *
-                    </Label>
-                    <Input
-                      id="confirmPassword"
-                      name="confirmPassword"
-                      type={showPassword ? "text" : "password"}
-                      value={formData.confirmPassword}
-                      onChange={handleChange}
-                      placeholder={t("confirmPasswordPlaceholder")}
-                      required
-                      className="mt-1"
-                      autoComplete="new-password"
-                    />
-                  </div>
-
-                  {error && (
-                    <div className="p-4 bg-red-50 border border-red-200 rounded-lg">
-                      <p className="text-red-800 text-sm font-medium">
-                        {error}
-                      </p>
-                    </div>
-                  )}
-
-                  <Button
-                    type="submit"
-                    size="lg"
-                    className="w-full"
-                    disabled={isSubmitting}
-                  >
-                    {isSubmitting ? (
-                      <>
-                        <div className="w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin mr-2" />
-                        {t("submitting")}
-                      </>
-                    ) : (
-                      t("submit")
-                    )}
-                  </Button>
-
-                  <div className="text-center text-sm text-muted-foreground">
-                    {t("hasAccount")}{" "}
-                    <Link
-                      to="/login"
-                      className="text-primary hover:underline font-medium"
-                    >
-                      {t("loginLink")}
-                    </Link>
-                  </div>
-                </form>
-              </CardContent>
-            </Card>
-          </div>
-        </div>
-      </div>
-    </Layout>
-  );
-}

package/template/src/modules/auth/use-auth.ts

@@ -1,273 +0,0 @@
-import { useCallback, useEffect, useRef } from "react";
-import {
-  useAuthStore,
-  type User,
-  type AuthTokens,
-} from "@/modules/auth/auth-store";
-import { customerClient } from "@/modules/api/customer-client";
-
-// Refresh token 1 minute before expiry
-const REFRESH_BUFFER_MS = 60 * 1000;
-
-export function useAuth() {
-  const {
-    user,
-    tokens,
-    isAuthenticated,
-    setAuth,
-    updateTokens,
-    clearAuth,
-    isTokenExpired,
-    getTimeUntilExpiry,
-  } = useAuthStore();
-
-  const refreshTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
-  const isRefreshingRef = useRef(false);
-
-  // Refresh token using the refresh token
-  const refreshAccessToken = useCallback(async (): Promise<boolean> => {
-    const currentTokens = useAuthStore.getState().tokens;
-
-    // Don't refresh if no refresh token exists
-    if (!currentTokens?.refreshToken || isRefreshingRef.current) {
-      console.log("⚠️ No refresh token available, skipping refresh");
-      return false;
-    }
-
-    isRefreshingRef.current = true;
-
-    try {
-      // Make a refresh request using the axios instance directly
-      const response = await customerClient.axios.post<{
-        accessToken: string;
-        refreshToken?: string;
-        expiresIn?: number;
-      }>("/auth/refresh", {
-        refreshToken: currentTokens.refreshToken,
-      });
-
-      const { accessToken, refreshToken, expiresIn } = response.data;
-
-      // Validate response has required data
-      if (!accessToken) {
-        console.error("❌ Refresh response missing accessToken");
-        return false;
-      }
-
-      const newTokens: AuthTokens = {
-        accessToken,
-        refreshToken: refreshToken || currentTokens.refreshToken,
-        idToken: currentTokens.idToken, // Preserve existing idToken
-        encryptionKey: currentTokens.encryptionKey, // Preserve existing encryptionKey
-        expiresAt: expiresIn ? Date.now() + expiresIn * 1000 : undefined,
-      };
-
-      customerClient.setToken(accessToken);
-      updateTokens(newTokens);
-
-      console.log("✅ Token refreshed successfully");
-      return true;
-    } catch (error) {
-      console.error("❌ Token refresh failed:", error);
-      // DON'T clear auth on refresh failure - just return false
-      // User can still use their existing token until it expires
-      return false;
-    } finally {
-      isRefreshingRef.current = false;
-    }
-  }, [updateTokens]);
-
-  // Schedule automatic token refresh
-  const scheduleTokenRefresh = useCallback(() => {
-    // Clear any existing timeout
-    if (refreshTimeoutRef.current) {
-      clearTimeout(refreshTimeoutRef.current);
-      refreshTimeoutRef.current = null;
-    }
-
-    const timeUntilExpiry = getTimeUntilExpiry();
-
-    // Only schedule if we have an expiry time and a refresh token
-    if (timeUntilExpiry === null || !tokens?.refreshToken) {
-      return;
-    }
-
-    // Calculate when to refresh (REFRESH_BUFFER_MS before expiry)
-    const refreshIn = Math.max(timeUntilExpiry - REFRESH_BUFFER_MS, 0);
-
-    // Don't schedule if expiry is too far in the future (> 24 hours)
-    if (refreshIn > 24 * 60 * 60 * 1000) {
-      return;
-    }
-
-    refreshTimeoutRef.current = setTimeout(async () => {
-      const success = await refreshAccessToken();
-      if (success) {
-        // Reschedule for the new token
-        scheduleTokenRefresh();
-      }
-    }, refreshIn);
-  }, [getTimeUntilExpiry, tokens?.refreshToken, refreshAccessToken]);
-
-  // Sync token with API client and set up refresh on mount and token changes
-  useEffect(() => {
-    if (tokens?.accessToken) {
-      console.log("🔑 Setting token in API client");
-      customerClient.setToken(tokens.accessToken);
-
-      // Only try to refresh if we have a refresh token AND token is expired
-      if (isTokenExpired() && tokens.refreshToken) {
-        console.log("⏰ Token expired, attempting refresh...");
-        refreshAccessToken().then((success) => {
-          if (success) {
-            scheduleTokenRefresh();
-          } else {
-            console.log("⚠️ Refresh failed, but keeping existing token");
-          }
-        });
-      } else if (tokens.refreshToken) {
-        // Only schedule refresh if we have a refresh token
-        scheduleTokenRefresh();
-      }
-    } else if (tokens && Object.keys(tokens).length === 0) {
-      // tokens is empty object {} - this shouldn't happen, log it
-      console.warn("⚠️ Tokens object is empty, this may indicate a bug");
-    } else {
-      customerClient.setToken(null);
-    }
-
-    // Cleanup timeout on unmount
-    return () => {
-      if (refreshTimeoutRef.current) {
-        clearTimeout(refreshTimeoutRef.current);
-      }
-    };
-  }, [
-    tokens?.accessToken,
-    tokens?.refreshToken,
-    isTokenExpired,
-    refreshAccessToken,
-    scheduleTokenRefresh,
-  ]);
-
-  // Set up axios interceptor for 401 responses (token expired during request)
-  useEffect(() => {
-    const interceptorId = customerClient.axios.interceptors.response.use(
-      (response) => response,
-      async (error) => {
-        const originalRequest = error.config;
-
-        // Skip refresh for auth endpoints to prevent infinite loops
-        const isAuthEndpoint = originalRequest?.url?.includes("/auth/");
-
-        // If we get a 401 and haven't retried yet, try to refresh
-        if (
-          error.response?.status === 401 &&
-          !originalRequest._retry &&
-          tokens?.refreshToken &&
-          !isAuthEndpoint
-        ) {
-          originalRequest._retry = true;
-
-          const success = await refreshAccessToken();
-          if (success) {
-            // Retry the original request with new token
-            const newTokens = useAuthStore.getState().tokens;
-            if (newTokens?.accessToken) {
-              originalRequest.headers.Authorization = `Bearer ${newTokens.accessToken}`;
-              return customerClient.axios(originalRequest);
-            }
-          }
-        }
-
-        return Promise.reject(error);
-      },
-    );
-
-    return () => {
-      customerClient.axios.interceptors.response.eject(interceptorId);
-    };
-  }, [tokens?.refreshToken, refreshAccessToken]);
-
-  const login = useCallback(async (username: string, password: string) => {
-    const response = await customerClient.auth.login({ username, password });
-
-    console.log("🔐 Login response:", response);
-    console.log("🔐 accessToken:", response.accessToken);
-    console.log("🔐 refreshToken:", response.refreshToken);
-    console.log("🔐 encryptionKey:", response.encryptionKey);
-
-    const newTokens: AuthTokens = {
-      accessToken: response.accessToken,
-      refreshToken: response.refreshToken,
-      idToken: response.idToken,
-      encryptionKey: response.encryptionKey,
-      expiresAt: response.expiresIn
-        ? Date.now() + response.expiresIn * 1000
-        : undefined,
-    };
-
-    console.log("🔐 newTokens object:", newTokens);
-
-    const newUser: User = {
-      username,
-      email: (response as any).email || (response as any).user?.email,
-    };
-
-    customerClient.setToken(newTokens.accessToken);
-    setAuth(newUser, newTokens);
-
-    console.log(
-      "🔐 Auth set complete, checking store:",
-      useAuthStore.getState().tokens,
-    );
-  }, []);
-
-  const register = useCallback(
-    async (username: string, email: string, password: string) => {
-      await customerClient.auth.register({ username, email, password });
-    },
-    [],
-  );
-
-  const confirmEmail = useCallback(async (username: string, code: string) => {
-    await customerClient.auth.confirm({ username, code });
-  }, []);
-
-  const forgotPassword = useCallback(async (username: string) => {
-    await customerClient.auth.forgotPassword({ username });
-  }, []);
-
-  const resetPassword = useCallback(
-    async (username: string, code: string, newPassword: string) => {
-      await customerClient.auth.resetPassword({ username, code, newPassword });
-    },
-    [],
-  );
-
-  const logout = useCallback(() => {
-    // Clear any scheduled refresh
-    if (refreshTimeoutRef.current) {
-      clearTimeout(refreshTimeoutRef.current);
-      refreshTimeoutRef.current = null;
-    }
-
-    customerClient.setToken(null);
-    clearAuth();
-  }, [clearAuth]);
-
-  return {
-    user,
-    token: tokens?.accessToken ?? null,
-    tokens,
-    isAuthenticated,
-    api: customerClient,
-    login,
-    register,
-    confirmEmail,
-    forgotPassword,
-    resetPassword,
-    logout,
-    refreshAccessToken,
-  };
-}

package/template/src/modules/db/adapters/IDataAdapter.ts

@@ -1,26 +0,0 @@
-import type { QueryOptions } from "../core/types";
-
-/**
- * Data Adapter Interface
- * Implement this interface to create custom data sources
- */
-export interface IDataAdapter {
-  // Connection
-  connect(): Promise<void>;
-  disconnect(): Promise<void>;
-
-  // CRUD operations
-  findMany<T>(table: string, options?: QueryOptions): Promise<T[]>;
-  findOne<T>(table: string, options: QueryOptions): Promise<T | null>;
-  findById<T>(table: string, id: number | string): Promise<T | null>;
-  create<T>(table: string, data: Partial<T>): Promise<T>;
-  update<T>(table: string, id: number | string, data: Partial<T>): Promise<T>;
-  delete(table: string, id: number | string): Promise<boolean>;
-
-  // Utilities
-  count(table: string, options?: QueryOptions): Promise<number>;
-
-  // Raw SQL queries - for complex queries that can't be expressed with QueryOptions
-  raw<T>(sql: string, params?: any[]): Promise<T[]>;
-  rawOne<T>(sql: string, params?: any[]): Promise<T | null>;
-}