@imksh/create 1.0.27 → 1.0.30

package/templates/react-native/src/app/(auth)/login.tsx

@@ -1,253 +0,0 @@
-import React, { useState, useCallback } from "react";
-import { View } from "react-native";
-import { useAuthStore } from "../../store/useAuthStore";
-import { Txt } from "../../components/common/Typography";
-import { Redirect, router, useFocusEffect } from "expo-router";
-import ScrollContainer from "../../components/ui/layout/ScrollContainer";
-import Input from "../../components/ui/inputs/Input";
-import Button from "../../components/ui/buttons/Button";
-import Tabs from "../../components/ui/navigation/Tabs";
-import Image from "@/components/ui/data-display/Image";
-import logo from "../../../assets/images/logo/logo.png";
-
-export default function LoginScreen() {
-  const {
-    login,
-    signup,
-    sendOtp,
-    loading,
-    error,
-    user,
-    isCheckingAuth,
-    clearError,
-    demoLogin,
-  } = useAuthStore();
-
-  useFocusEffect(
-    useCallback(() => {
-      return () => clearError();
-    }, [clearError]),
-  );
-
-  const [mode, setMode] = useState("login");
-  const [showPassword, setShowPassword] = useState(false);
-  const [form, setForm] = useState({
-    name: "",
-    email: "",
-    password: "",
-    otp: "",
-  });
-  const [otpSent, setOtpSent] = useState(false);
-  const [timer, setTimer] = useState(0);
-
-  React.useEffect(() => {
-    let interval: ReturnType<typeof setInterval>;
-    if (timer > 0) {
-      interval = setInterval(() => {
-        setTimer((prev) => prev - 1);
-      }, 1000);
-    }
-    return () => clearInterval(interval);
-  }, [timer]);
-
-  const handleChange = (name: string, value: string) => {
-    setForm((prev) => ({ ...prev, [name]: value }));
-  };
-
-  const handleSubmit = async () => {
-    let ok;
-    if (mode === "login") {
-      ok = await login(form.email, form.password);
-    } else {
-      if (!otpSent) {
-        ok = await sendOtp(form.email);
-        if (ok) {
-          setOtpSent(true);
-          setTimer(60);
-        }
-      } else {
-        ok = await signup(form.name, form.email, form.password, form.otp);
-      }
-    }
-  };
-
-  if (!isCheckingAuth && user) {
-    return <Redirect href="/(tabs)" />;
-  }
-
-  return (
-    <ScrollContainer
-      contentContainerStyle={{
-        flexGrow: 1,
-        justifyContent: "center",
-        padding: 16,
-      }}
-      className="bg-base-100"
-    >
-      <View className="w-full p-6 ">
-        {/* Header */}
-        <View className="items-center mb-8 w-full">
-          <View className="w-16 h-16 rounded-2xl bg-primary/10 border border-primary/20 items-center justify-center mb-4">
-            <Image src={logo} height={40} width={40} />
-          </View>
-          <Txt
-            variant="xl"
-            className="text-2xl mb-1 text-center"
-            numberOfLines={1}
-          >
-            {mode === "login" ? "Welcome back" : "Create account"}
-          </Txt>
-          <Txt
-            variant="sm"
-            className="text-xs text-base-content/50 text-center px-2"
-          >
-            {mode === "login"
-              ? "Sign in to continue your journey"
-              : "Enter your information to create a new account"}
-          </Txt>
-        </View>
-
-        {/* Tab Switcher */}
-        <View className="mb-6">
-          <Tabs
-            variant="button"
-            activeTab={mode}
-            onChange={(id) => {
-              setMode(id);
-              setOtpSent(false);
-            }}
-            tabs={[
-              { id: "login", label: "Sign in" },
-              { id: "signup", label: "Sign Up" },
-            ]}
-          />
-        </View>
-
-        {/* Error */}
-        {error ? (
-          <View className="bg-error/10 border border-error/20 rounded-2xl p-3 mb-4">
-            <Txt variant="md" className="text-error text-xs text-center">
-              ⚠️ {error}
-            </Txt>
-          </View>
-        ) : null}
-
-        {/* Form */}
-        <View className="gap-2">
-          {mode === "signup" && (
-            <Input
-              leftIcon="person"
-              placeholder="Full name"
-              value={form.name}
-              onChangeText={(val) => handleChange("name", val)}
-            />
-          )}
-
-          <Input
-            leftIcon="mail"
-            placeholder="Email address"
-            value={form.email}
-            onChangeText={(val) => handleChange("email", val)}
-            autoCapitalize="none"
-            keyboardType="email-address"
-          />
-
-          <Input
-            leftIcon="lock-closed"
-            rightIcon={showPassword ? "eye-off" : "eye"}
-            onRightIconPress={() => setShowPassword(!showPassword)}
-            placeholder="Password"
-            value={form.password}
-            onChangeText={(val) => handleChange("password", val)}
-            secureTextEntry={!showPassword}
-          />
-
-          {mode === "login" && (
-            <View className="items-end mt-1 mb-2">
-              <Txt
-                variant="md"
-                className="text-primary text-xs"
-                onPress={() => router.push("/(auth)/forgot-password")}
-              >
-                Forgot Password?
-              </Txt>
-            </View>
-          )}
-
-          {mode === "signup" && otpSent && (
-            <Input
-              leftIcon="key"
-              placeholder="Enter OTP"
-              value={form.otp}
-              onChangeText={(val) => handleChange("otp", val)}
-              keyboardType="numeric"
-            />
-          )}
-
-          <View className="mt-2">
-            <Button
-              label={
-                mode === "login"
-                  ? "Sign In →"
-                  : otpSent
-                    ? "Verify & Create Account →"
-                    : "Send OTP →"
-              }
-              onPress={handleSubmit}
-              isLoading={loading}
-              variant="primary"
-              isFullWidth
-            />
-          </View>
-
-          {mode === "login" && (
-            <View className="mt-2">
-              <Button
-                label="Demo Login"
-                onPress={() => demoLogin()}
-                isLoading={loading}
-                variant="outline"
-                isFullWidth
-              />
-            </View>
-          )}
-
-          {mode === "signup" && otpSent && (
-            <View className="mt-2">
-              <Button
-                label={timer > 0 ? `Resend OTP in ${timer}s` : "Resend OTP"}
-                onPress={async () => {
-                  const ok = await sendOtp(form.email);
-                  if (ok) setTimer(60);
-                }}
-                disabled={timer > 0 || loading}
-                variant="outline"
-                isFullWidth
-              />
-            </View>
-          )}
-        </View>
-
-        {/* Footer */}
-        <View className="mt-8">
-          <Txt
-            variant="sm"
-            className="text-sm text-base-content/50 text-center"
-          >
-            {mode === "login" ? "New here? " : "Already have an account? "}
-            <Txt
-              variant="md"
-              className="text-primary text-sm"
-              onPress={() => {
-                setMode(mode === "login" ? "signup" : "login");
-                setOtpSent(false);
-              }}
-            >
-              {mode === "login" ? "Create an account" : "Sign in"}
-            </Txt>
-          </Txt>
-        </View>
-      </View>
-    </ScrollContainer>
-  );
-}

package/templates/react-native/src/app/(tabs)/_layout.tsx

@@ -1,38 +0,0 @@
-import { Tabs, Redirect } from "expo-router";
-import { useColorScheme } from "nativewind";
-import { Colors } from "../../constants/Colors";
-import CustomTabBar from "../../components/ui/CustomTabBar";
-import { useAuthStore } from "../../store/useAuthStore";
-
-const TabLayout = () => {
-  const { colorScheme } = useColorScheme();
-  const colors = Colors[colorScheme ?? "light"];
-  const { user, isCheckingAuth } = useAuthStore();
-
-  if (!isCheckingAuth && !user) {
-    return <Redirect href="/login" />;
-  }
-
-  return (
-    <Tabs
-      tabBar={(props) => (
-        <CustomTabBar
-          {...props}
-          showCenterButton={false}
-          onCenterButtonPress={() => console.log("Create button pressed!")}
-        />
-      )}
-      screenOptions={{
-        headerShown: false,
-        sceneStyle: { backgroundColor: colors.base100 },
-      }}
-    >
-      <Tabs.Screen name="index" options={{ title: "Home" }} />
-      <Tabs.Screen name="search" options={{ title: "Search" }} />
-      <Tabs.Screen name="dashboard" options={{ title: "Dashboard" }} />
-      <Tabs.Screen name="profile" options={{ title: "Profile" }} />
-    </Tabs>
-  );
-};
-
-export default TabLayout;

package/templates/react-native/src/app/(tabs)/dashboard.tsx

@@ -1,13 +0,0 @@
-import { View } from "react-native";
-import React from "react";
-import TabHeader from "@/components/common/TabHeader";
-
-const dashboard = () => {
-  return (
-    <View>
-      <TabHeader title="Dashboard" showMenuButton={false} />
-    </View>
-  );
-};
-
-export default dashboard;