@imksh/create 1.0.24 → 1.0.26

package/templates/production-fullstack/client/src/store/useUiStore.ts

@@ -0,0 +1,74 @@
+import { create } from "zustand";
+import { ReactNode } from "react";
+
+export interface UiState {
+  open: boolean;
+  collapsed: boolean;
+  isMobileMenuOpened: boolean;
+  headerTitle: string;
+  headerActions: ReactNode;
+  setHeaderTitle: (title: string) => void;
+  setHeaderActions: (actions: ReactNode) => void;
+  toggleCollapsed: () => void;
+  setMobileMenuOpened: (open: boolean) => void;
+  toggleMobileMenuOpened: () => void;
+  theme: string;
+  setTheme: (theme: string) => void;
+  toggleTheme: () => void;
+  toggleSidebar: () => void;
+  openSidebar: () => void;
+  close: () => void;
+}
+
+export const useUiStore = create<UiState>((set, get) => ({
+  open: false,
+  collapsed: false,
+  isMobileMenuOpened: false,
+  headerTitle: "Dashboard",
+  headerActions: null,
+  setHeaderTitle: (title: string) => set({ headerTitle: title }),
+  setHeaderActions: (actions: ReactNode) => set({ headerActions: actions }),
+  toggleCollapsed: () => set((state) => ({ collapsed: !state.collapsed })),
+
+  setMobileMenuOpened: (open) => {
+    set({ isMobileMenuOpened: open });
+  },
+  toggleMobileMenuOpened: () => {
+    set((state) => ({ isMobileMenuOpened: !state.isMobileMenuOpened }));
+  },
+
+  theme: localStorage.getItem("theme") || "light",
+
+  setTheme: (theme) => {
+    document.documentElement.setAttribute("data-theme", theme);
+
+    localStorage.setItem("theme", theme);
+
+    set({ theme });
+  },
+
+  toggleTheme: () => {
+    const nextTheme = get().theme === "light" ? "dark" : "light";
+
+    document.documentElement.setAttribute("data-theme", nextTheme);
+
+    localStorage.setItem("theme", nextTheme);
+
+    set({ theme: nextTheme });
+  },
+
+  toggleSidebar: () =>
+    set((state) => ({
+      open: !state.open,
+    })),
+
+  openSidebar: () =>
+    set({
+      open: true,
+    }),
+
+  close: () =>
+    set({
+      open: false,
+    }),
+}));

package/templates/production-fullstack/client/src/utils/formatDate.ts

@@ -0,0 +1,19 @@
+export const formatDate = (
+  date: string | Date | number,
+  options: Intl.DateTimeFormatOptions = {
+    day: "2-digit",
+    month: "short",
+    year: "numeric",
+  },
+  locale = "en-IN"
+): string => {
+  if (!date) return "-";
+
+  const parsedDate = new Date(date);
+
+  if (isNaN(parsedDate.getTime())) {
+    return "-";
+  }
+
+  return new Intl.DateTimeFormat(locale, options).format(parsedDate);
+};

package/templates/production-fullstack/client/src/utils/getInitials.ts

@@ -0,0 +1,10 @@
+export const getInitials = (name = "") => {
+  if (!name.trim()) return "";
+
+  return name
+    .trim()
+    .split(/\s+/)
+    .slice(0, 2)
+    .map((word) => word[0].toUpperCase())
+    .join("");
+};

package/templates/production-fullstack/client/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/templates/production-fullstack/client/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/templates/production-fullstack/client/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/templates/production-fullstack/client/vite.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import tailwindcss from '@tailwindcss/vite'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react(), tailwindcss()],
+})

package/templates/production-fullstack/mobile/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015-present 650 Industries, Inc. (aka Expo)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/templates/production-fullstack/mobile/app.json

@@ -0,0 +1,84 @@
+{
+  "expo": {
+    "name": "Mobile",
+    "slug": "mobile",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/images/logo/logoWithBg.png",
+    "scheme": "mobile",
+    "userInterfaceStyle": "automatic",
+    "ios": {
+      "icon": "./assets/images/logo/logoWithBg.png",
+      "bundleIdentifier": "com.anonymous.mobile"
+    },
+    "android": {
+      "adaptiveIcon": {
+        "backgroundColor": "#E6F4FE",
+        "foregroundImage": "./assets/images/logo/logoWithBg.png",
+        "backgroundImage": "./assets/images/logo/logoWithBg.png",
+        "monochromeImage": "./assets/images/logo/logoWithBg.png"
+      },
+      "predictiveBackGestureEnabled": false,
+      "package": "com.anonymous.mobile",
+      "permissions": [
+        "android.permission.CAMERA",
+        "android.permission.RECORD_AUDIO",
+        "android.permission.ACCESS_FINE_LOCATION",
+        "android.permission.ACCESS_COARSE_LOCATION",
+        "android.permission.READ_CONTACTS",
+        "android.permission.READ_CALENDAR",
+        "android.permission.READ_EXTERNAL_STORAGE",
+        "android.permission.WRITE_EXTERNAL_STORAGE",
+        "android.permission.BLUETOOTH_CONNECT",
+        "android.permission.BLUETOOTH_SCAN",
+        "android.permission.CALL_PHONE"
+      ]
+    },
+    "web": {
+      "bundler": "metro",
+      "output": "static",
+      "favicon": "./assets/images/logo/logoWithBg.png"
+    },
+    "plugins": [
+      "expo-router",
+      [
+        "expo-splash-screen",
+        {
+          "image": "./assets/images/logo/logoWithBg.png",
+          "imageWidth": 200,
+          "resizeMode": "contain",
+          "backgroundColor": "#FFFFFF",
+          "dark": {
+            "backgroundColor": "#111827"
+          }
+        }
+      ],
+      [
+        "react-native-permissions",
+        {
+          "iosPermissions": [
+            "Camera",
+            "Microphone",
+            "LocationAlways",
+            "LocationWhenInUse",
+            "Notifications",
+            "PhotoLibrary",
+            "Contacts",
+            "Calendars",
+            "BluetoothPeripheral"
+          ]
+        }
+      ]
+    ],
+    "experiments": {
+      "typedRoutes": true,
+      "reactCompiler": true
+    },
+    "extra": {
+      "router": {},
+      "eas": {
+        "projectId": "f9a7053c-bc16-4717-805b-560c5a35e974"
+      }
+    }
+  }
+}