@imksh/create 1.0.25 → 1.0.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imksh/create",
-  "version": "1.0.25",
+  "version": "1.0.26",
   "description": "A production-ready create for scaffolding modern applications.",
   "type": "module",
   "bin": {

package/src/commands/create.js

@@ -38,7 +38,8 @@ export default async function createCommand(projectName, options) {
     'next',
     'next-ts',
     'react-native',
-    'mern-react-native'
+    'mern-react-native',
+    'production-fullstack'
   ];
   if (!validTemplates.includes(template)) {
     throw new Error(`Invalid template "${template}". Valid templates are: ${validTemplates.join(', ')}`);

package/src/index.js

@@ -24,7 +24,7 @@ program
   .argument("<project-name>", "Name of the project")
   .option(
     "-t, --template <template>",
-    "Template to use (react, react-ts, node, node-ts, node-prisma, node-prisma-ts, mern, mern-ts, next, next-ts, react-native, mern-react-native)",
+    "Template to use (react, react-ts, node, node-ts, node-prisma, node-prisma-ts, mern, mern-ts, next, next-ts, react-native, mern-react-native, production-fullstack)",
   )
   .option("--skip-install", "Skip installing dependencies")
   .option("--no-git", "Skip initializing a git repository")

package/src/utils/askTemplate.js

@@ -13,6 +13,7 @@ export async function askTemplate() {
         { name: 'React Native', value: 'react-native' },
         { name: 'MERN + React Native', value: 'mern-react-native' },
         { name: 'Next.js', value: 'next' },
+        { name: 'Production Fullstack', value: 'production-fullstack' },
       ],
     },
   ]);

package/templates/mern-react-native/mobile/_gitignore

@@ -0,0 +1,43 @@
+# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
+
+# dependencies
+node_modules/
+
+# Expo
+.expo/
+dist/
+web-build/
+expo-env.d.ts
+
+# Native
+.kotlin/
+*.orig.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+
+# Metro
+.metro-health-check*
+
+# debug
+npm-debug.*
+yarn-debug.*
+yarn-error.*
+
+# macOS
+.DS_Store
+*.pem
+
+# local env files
+.env*.local
+
+# typescript
+*.tsbuildinfo
+
+example
+
+# generated native folders
+/ios
+/android

package/templates/mern-react-native/mobile/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "mobile",
+  "name": "shivAi",
   "main": "expo-router/entry",
   "version": "1.0.0",
   "dependencies": {
@@ -19,6 +19,7 @@
     "expo-font": "~57.0.1",
     "expo-glass-effect": "~57.0.1",
     "expo-image": "~57.0.1",
+    "expo-image-picker": "^57.0.6",
     "expo-linear-gradient": "^57.0.1",
     "expo-linking": "~57.0.3",
     "expo-notifications": "~57.0.6",

package/templates/mern-react-native/mobile/src/app/(auth)/edit-profile.tsx

@@ -3,8 +3,8 @@ import { View, TouchableOpacity } from "react-native";
 import { useAuthStore } from "../../store/useAuthStore";
 import { Txt } from "../../components/common/Typography";
 import { router, useFocusEffect } from "expo-router";
-import * as ImagePicker from "expo-image-picker";
 import { Ionicons } from "@expo/vector-icons";
+import ImagePickerModal from "../../components/ui/inputs/ImagePickerModal";
 import Avatar from "../../components/ui/data-display/Avatar";
 
 import ScrollContainer from "../../components/ui/layout/ScrollContainer";
@@ -27,19 +27,7 @@ export default function EditProfileScreen() {
   const [name, setName] = useState(user?.name || "");
   const [phone, setPhone] = useState(user?.phone || "");
   const [avatarUri, setAvatarUri] = useState<string | null>(null);
-
-  const pickImage = async () => {
-    const result = await ImagePicker.launchImageLibraryAsync({
-      mediaTypes: ImagePicker.MediaTypeOptions.Images,
-      allowsEditing: true,
-      aspect: [1, 1],
-      quality: 0.8,
-    });
-
-    if (!result.canceled && result.assets[0]) {
-      setAvatarUri(result.assets[0].uri);
-    }
-  };
+  const [isImagePickerOpen, setIsImagePickerOpen] = useState(false);
 
   const handleSave = async () => {
     const formData = new FormData();
@@ -112,7 +100,7 @@ export default function EditProfileScreen() {
               )}
             </View>
             <TouchableOpacity
-              onPress={pickImage}
+              onPress={() => setIsImagePickerOpen(true)}
               className="absolute bottom-0 right-0 bg-primary p-2 rounded-full border-2 border-base-100"
             >
               <Ionicons name="camera" size={18} color="#fff" />
@@ -155,6 +143,14 @@ export default function EditProfileScreen() {
           </View>
         </View>
       </ScrollContainer>
+      <ImagePickerModal
+        isOpen={isImagePickerOpen}
+        onClose={() => setIsImagePickerOpen(false)}
+        onImageSelected={(image) => setAvatarUri(image.uri)}
+        allowsEditing
+        title="Profile Picture"
+        subtitle="Choose a new profile picture"
+      />
     </>
   );
 }

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

@@ -1,11 +1,11 @@
 import { View } from "react-native";
 import React from "react";
-import HomeHeader from "@/components/common/HomeHeader";
+import TabHeader from "@/components/common/TabHeader";
 
 const dashboard = () => {
   return (
     <View>
-      <HomeHeader title="Dashboard" icon="apps-outline" />
+      <TabHeader title="Dashboard" showMenuButton={false} />
     </View>
   );
 };

package/templates/mern-react-native/mobile/src/app/(tabs)/search.tsx

@@ -1,10 +1,10 @@
 import { View } from "react-native";
-import HomeHeader from "@/components/common/HomeHeader";
+import TabHeader from "@/components/common/TabHeader";
 
 const search = () => {
   return (
     <View>
-      <HomeHeader title="My App" />
+      <TabHeader title="Search" showMenuButton={false} />
     </View>
   );
 };

package/templates/mern-react-native/mobile/src/config/sidebar.config.ts

@@ -5,66 +5,6 @@ export interface SidebarMenuItem {
 }
 
 export const sidebarConfig: Record<string, SidebarMenuItem[]> = {
-  owner: [
-    { icon: "home-outline", label: "Dashboard", route: "/(owner)" },
-    {
-      icon: "business-outline",
-      label: "Properties",
-      route: "/(owner)/properties",
-    },
-    { icon: "card-outline", label: "Payments", route: "/(owner)/payments" },
-    { icon: "people-outline", label: "Tenants", route: "/(owner)/tenant" },
-    {
-      icon: "clipboard-outline",
-      label: "Requests",
-      route: "/(owner)/requests",
-    },
-    {
-      icon: "construct-outline",
-      label: "Maintenance",
-      route: "/(owner)/maintenance",
-    },
-    {
-      icon: "flask-outline",
-      label: "Test Notifications",
-      route: "/(owner)/test-notifications",
-    },
-  ],
-  tenant: [
-    
-    {
-      icon: "business-outline",
-      label: "My Units",
-      route: "/(tenant)/my-units",
-    },
-    { icon: "search-outline", label: "Explore", route: "/(tenant)/explore" },
-    { icon: "card-outline", label: "Payments", route: "/(tenant)/payments" },
-    {
-      icon: "construct-outline",
-      label: "Maintenance",
-      route: "/(tenant)/maintenance",
-    },
-    {
-      icon: "document-text-outline",
-      label: "Documents",
-      route: "/(tenant)/documents",
-    },
-    {
-      icon: "chatbubble-outline",
-      label: "Messages",
-      route: "/(tenant)/messages",
-    },
-    {
-      icon: "notifications-outline",
-      label: "Notifications",
-      route: "/(tenant)/notifications",
-    },
-    {
-      icon: "flask-outline",
-      label: "Test Notifications",
-      route: "/(tenant)/test-notifications",
-    },
-  ],
   default: [
     { icon: "home-outline", label: "Dashboard", route: "/" },
     { icon: "person-outline", label: "Profile", route: "/profile" },

package/templates/mern-react-native/mobile/src/config/tabNavigation.ts

@@ -13,50 +13,20 @@ export const tabNavigationConfig: TabConfig[] = [
     baseIcon: "home",
   },
   {
-    name: "explore",
-    title: "Explore",
-    baseIcon: "compass",
+    name: "search",
+    title: "Search",
+    baseIcon: "search",
   },
   {
-    name: "payments",
-    title: "Payments",
-    baseIcon: "wallet",
-  },
-  {
-    name: "notifications",
-    title: "Notifications",
-    baseIcon: "notifications",
+    name: "dashboard",
+    title: "Dashboard",
+    baseIcon: "cube",
   },
   {
     name: "profile",
     title: "Profile",
     baseIcon: "person-circle",
   },
-  {
-    name: "properties",
-    title: "Properties",
-    baseIcon: "business",
-  },
-  {
-    name: "tenant",
-    title: "Tenant",
-    baseIcon: "people",
-  },
-  {
-    name: "users",
-    title: "Users",
-    baseIcon: "people",
-  },
-  {
-    name: "requests",
-    title: "Requests",
-    baseIcon: "clipboard",
-  },
-  {
-    name: "more",
-    title: "More",
-    baseIcon: "ellipsis-horizontal",
-  },
 ];
 
 export const getTabConfig = (routeName: string) => {

package/templates/mern-react-native/mobile/src/services/notification.service.ts

@@ -0,0 +1,22 @@
+import {api} from "../config/api";
+
+export const notificationService = {
+  getNotifications: () => {
+    return api.get("/notifications");
+  },
+
+  markAsRead: (id: string) => {
+    return api.put(`/notifications/${id}/read`);
+  },
+
+  markAllAsRead: () => {
+    return api.put("/notifications/read-all");
+  },
+
+  registerPushToken: (token: string) => {
+    return api.post("/notifications/push-token", { token });
+  },
+  sendCustomNotification: (tenantId: string, title: string, message: string) => {
+    return api.post("/notifications/send-custom", { tenantId, title, message });
+  },
+};

package/templates/mern-react-native/mobile/src/store/useNotificationStore.ts

@@ -1,53 +1,178 @@
-import { create } from 'zustand';
-import { getSocket } from '../services/socket.service';
-import * as Notifications from 'expo-notifications';
+import { create } from "zustand";
+import { notificationService } from "../services/notification.service";
+import Constants from "expo-constants";
+import { Platform } from "react-native";
+import { getSocket } from "../services/socket.service";
+import { toast } from "../utils/toast";
 
-export interface NotificationState {
-  notifications: any[];
-  pushToken: string | null;
-  listenForSocketEvents: () => void;
-  registerForPushNotificationsAsync: () => Promise<void>;
+export interface AppNotification {
+  id: string;
+  title: string;
+  message: string;
+  type: string;
+  url: string | null;
+  isRead: boolean;
+  metadata: any | null;
+  createdAt: string;
+}
+
+interface NotificationState {
+  notifications: AppNotification[];
+  unreadCount: number;
+  loading: boolean;
+  error: string | null;
+  
   fetchNotifications: () => Promise<void>;
+  markAsRead: (id: string) => Promise<void>;
+  markAllAsRead: () => Promise<void>;
+  registerForPushNotificationsAsync: () => Promise<string | undefined>;
+  listenForSocketEvents: () => void;
 }
 
 export const useNotificationStore = create<NotificationState>((set, get) => ({
   notifications: [],
-  pushToken: null,
+  unreadCount: 0,
+  loading: false,
+  error: null,
 
-  listenForSocketEvents: () => {
-    const socket = getSocket();
-    if (!socket) return;
+  fetchNotifications: async () => {
+    set({ loading: true, error: null });
+    try {
+      const response = await notificationService.getNotifications();
+      const notifications = response.data.data;
+      const unreadCount = notifications.filter((n: AppNotification) => !n.isRead).length;
+      
+      set({
+        notifications,
+        unreadCount,
+        loading: false,
+      });
+    } catch (error: any) {
+      set({
+        error: error.response?.data?.message || "Failed to fetch notifications",
+        loading: false,
+      });
+    }
+  },
 
-    socket.on('new_notification', (data) => {
-      set((state) => ({ notifications: [data, ...state.notifications] }));
-    });
+  markAsRead: async (id: string) => {
+    try {
+      // Optimistic update
+      const { notifications, unreadCount } = get();
+      const updated = notifications.map(n => 
+        n.id === id ? { ...n, isRead: true } : n
+      );
+      
+      set({ 
+        notifications: updated, 
+        unreadCount: Math.max(0, unreadCount - 1) 
+      });
+
+      await notificationService.markAsRead(id);
+    } catch{
+      // Revert if failed
+      get().fetchNotifications();
+    }
+  },
+
+  markAllAsRead: async () => {
+    try {
+      const { notifications } = get();
+      const updated = notifications.map(n => ({ ...n, isRead: true }));
+      
+      set({ 
+        notifications: updated, 
+        unreadCount: 0 
+      });
+
+      await notificationService.markAllAsRead();
+    } catch{
+      get().fetchNotifications();
+    }
   },
 
   registerForPushNotificationsAsync: async () => {
+    let token;
+
+    const isExpoGo = Constants.appOwnership === 'expo';
+    if (isExpoGo && Platform.OS === 'android') {
+      console.log('Skipping push notification registration: not supported in Expo Go on Android (SDK 53+).');
+      return;
+    }
+
     try {
-      const { status: existingStatus } = await Notifications.getPermissionsAsync();
-      let finalStatus = existingStatus;
-      if (existingStatus !== 'granted') {
-        const { status } = await Notifications.requestPermissionsAsync();
-        finalStatus = status;
+      // eslint-disable-next-line @typescript-eslint/no-require-imports
+      const Notifications = require("expo-notifications");
+      // eslint-disable-next-line @typescript-eslint/no-require-imports
+      const Device = require("expo-device");
+
+      if (Platform.OS === 'android') {
+        await Notifications.setNotificationChannelAsync('default', {
+          name: 'default',
+          importance: Notifications.AndroidImportance.MAX,
+          vibrationPattern: [0, 250, 250, 250],
+          lightColor: '#FF231F7C',
+        });
       }
-      if (finalStatus !== 'granted') {
-        console.log('Failed to get push token for push notification!');
-        return;
+
+      if (Device.isDevice) {
+        const { status: existingStatus } = await Notifications.getPermissionsAsync();
+        let finalStatus = existingStatus;
+        
+        if (existingStatus !== 'granted') {
+          const { status } = await Notifications.requestPermissionsAsync();
+          finalStatus = status;
+        }
+        
+        if (finalStatus !== 'granted') {
+          console.log('Failed to get push token for push notification!');
+          return;
+        }
+        
+        const projectId =
+          Constants.expoConfig?.extra?.eas?.projectId ??
+          Constants.easConfig?.projectId ??
+          "f9a7053c-bc16-4717-805b-560c5a35e974";
+
+        token = (await Notifications.getExpoPushTokenAsync({ projectId })).data;
+        
+        // Send token to backend
+        try {
+          await notificationService.registerPushToken(token);
+        } catch (e) {
+          console.error("Failed to save push token to server", e);
+        }
+      } else {
+        console.log('Must use physical device for Push Notifications');
       }
-      // Note: projectId is required for Expo Go and EAS.
-      const token = (await Notifications.getExpoPushTokenAsync()).data;
-      set({ pushToken: token });
-      
-      // Here you would typically send the pushToken to your backend
     } catch (e) {
-      console.warn("Failed to register for push notifications", e);
+      console.warn("Failed to setup push notifications dynamically:", e);
     }
+
+    return token;
   },
 
-  fetchNotifications: async () => {
-    // API call to fetch notifications could go here
-    // e.g., const data = await api.get('/notifications');
-    set({ notifications: [] });
+  listenForSocketEvents: () => {
+    const socket = getSocket();
+    if (!socket) return;
+
+    // Remove any existing listener to prevent duplicates
+    socket.off("new_notification");
+
+    socket.on("new_notification", (notification: AppNotification) => {
+      const { notifications, unreadCount } = get();
+      
+      // Ensure we don't duplicate notifications if they were fetched via API around the same time
+      const exists = notifications.find((n) => n.id === notification.id);
+      if (!exists) {
+        set({
+          notifications: [notification, ...notifications],
+          unreadCount: unreadCount + 1,
+        });
+        
+        // Alert the user visually!
+        toast.info(notification.title, notification.message);
+      }
+    });
   }
 }));

package/templates/next/next.config.mjs

@@ -17,6 +17,7 @@ const nextConfig = {
       },
     ];
   },
+  turbopack: {},
 };
 
 export default withPWA(nextConfig);

package/templates/next/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "next-template",
+  "name": "client",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -9,24 +9,25 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "react": "^18",
-    "react-dom": "^18",
-    "next": "14.0.3",
     "@ducanh2912/next-pwa": "latest",
+    "@tailwindcss/postcss": "^4.3.3",
     "axios": "^1.6.0",
     "flyonui": "^2.4.1",
     "framer-motion": "^11.0.0",
     "lenis": "^1.1.3",
     "lottie-react": "^2.4.0",
-    "lucide-react": "^0.292.0",
+    "lucide-react": "^0.470.0",
+    "next": "^16.3.0",
+    "postcss": "^8.5.26",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "react-hot-toast": "^2.4.1",
     "react-icons": "^4.11.0",
-    "tailwindcss": "^4.3.2",
-    "@tailwindcss/postcss": "^4.3.2",
+    "tailwindcss": "^4.3.3",
     "zustand": "^4.5.2"
   },
   "devDependencies": {
-    "eslint": "^8",
-    "eslint-config-next": "14.0.3"
+    "eslint": "^10.8.1",
+    "eslint-config-next": "^16.3.0"
   }
 }

package/templates/next/postcss.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};

package/templates/next/src/app/layout.js

@@ -28,6 +28,7 @@ export default function RootLayout({ children }) {
         <div className="min-h-screen bg-base-100 text-base-content font-sans">
           <Toaster position="top-right" />
           <Scroll />
+          
           {children}
         </div>
       </body>

package/templates/next/src/app/page.js

@@ -2,7 +2,7 @@
 import React from "react";
 import Link from "next/link";
 import { motion } from "framer-motion";
-import { FiZap, FiLayers, FiCpu, FiShield, FiArrowRight } from "react-icons/fi";
+import { FiZap, FiLayers, FiCpu, FiShield } from "react-icons/fi";
 import appConfig from "../config/appConfig";
 import toast from "react-hot-toast";
 import { useState } from "react";

package/templates/next/src/components/layout/ProtectedRoute.jsx

@@ -9,16 +9,16 @@ const ProtectedRoute = ({ children, role }) => {
   const router = useRouter();
 
   useEffect(() => {
-    if (!loading) {
+    if (!isCheckingAuth) {
       if (!user) {
         router.replace("/login");
       } else if (role && user.role !== role) {
         router.replace("/");
       }
     }
-  }, [user, loading, role, router]);
+  }, [user, isCheckingAuth, role, router]);
 
-  if (loading || !user || (role && user.role !== role)) return <Loading />;
+  if (isCheckingAuth || !user || (role && user.role !== role)) return <Loading />;
 
   return <>{children}</>;
 };

package/templates/next/src/index.css

@@ -1,5 +1,6 @@
 @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap');
 @import "tailwindcss";
+@source "./";
 @plugin "flyonui";