vasuzex 2.3.0 → 2.3.2

package/framework/Console/Commands/db-commands.js

@@ -144,8 +144,11 @@ export async function createDatabase() {
     console.log(`📦 Creating database: ${dbName}...`);
     
     // Try to create database using psql
+    // CRITICAL FIX: Connect to 'postgres' database (not default user database) when checking/creating target database
+    // Without -d postgres, psql tries to connect to database matching username (e.g., "neasto_user" database)
+    // This causes "FATAL: database 'neasto_user' does not exist" when POSTGRES_USER=neasto_user
     execSync(
-      `PGPASSWORD="${process.env.POSTGRES_PASSWORD}" psql -h ${dbHost} -p ${dbPort} -U ${dbUser} -tc "SELECT 1 FROM pg_database WHERE datname = '${dbName}'" | grep -q 1 || PGPASSWORD="${process.env.POSTGRES_PASSWORD}" psql -h ${dbHost} -p ${dbPort} -U ${dbUser} -c "CREATE DATABASE ${dbName}"`,
+      `PGPASSWORD="${process.env.POSTGRES_PASSWORD}" psql -h ${dbHost} -p ${dbPort} -U ${dbUser} -d postgres -tc "SELECT 1 FROM pg_database WHERE datname = '${dbName}'" | grep -q 1 || PGPASSWORD="${process.env.POSTGRES_PASSWORD}" psql -h ${dbHost} -p ${dbPort} -U ${dbUser} -d postgres -c "CREATE DATABASE ${dbName}"`,
       { stdio: 'inherit' }
     );
     

package/frontend/react-ui/components/DataTable/DataTable.jsx

@@ -10,6 +10,7 @@
  * - Rows per page selector
  * - Action buttons (edit/view/delete/switch)
  * - Loading and empty states
+ * - State persistence (restores page/filters when navigating back)
  * 
  * @module components/DataTable
  */
@@ -38,6 +39,8 @@ import { Pagination } from "./Pagination.jsx";
  * @param {string} props.initialStatusFilter - Initial status filter (all/true/false)
  * @param {number} props.initialLimit - Initial rows per page
  * @param {string} props.emptyText - Text to show when no data
+ * @param {boolean} props.persistState - Enable state persistence (default: true)
+ * @param {string} props.stateKey - Custom key for state storage (default: derived from apiUrl)
  */
 export function DataTable(props) {
   // Internal refresh key for self-refresh
@@ -60,6 +63,8 @@ export function DataTable(props) {
     onDelete,
     onToggle,
     api, // API client instance passed as prop
+    persistState = true, // Enable state persistence by default
+    stateKey, // Optional custom state key
   } = props;
 
   // Validate that api client is provided
@@ -67,6 +72,66 @@ export function DataTable(props) {
     throw new Error('DataTable requires "api" prop - pass your API client instance');
   }
 
+  // Generate unique storage key based on apiUrl or custom stateKey
+  const storageKey = React.useMemo(() => {
+    if (stateKey) return `datatable_${stateKey}`;
+    // Use apiUrl as key (remove query params for consistency)
+    const cleanUrl = apiUrl.split('?')[0];
+    return `datatable_${cleanUrl.replace(/[^a-zA-Z0-9]/g, '_')}`;
+  }, [apiUrl, stateKey]);
+
+  // Helper to load persisted state
+  const loadPersistedState = React.useCallback(() => {
+    if (!persistState) return null;
+    try {
+      const stored = sessionStorage.getItem(storageKey);
+      return stored ? JSON.parse(stored) : null;
+    } catch (error) {
+      return null;
+    }
+  }, [persistState, storageKey]);
+
+  // Helper to save state
+  const saveState = React.useCallback((state) => {
+    if (!persistState) return;
+    try {
+      sessionStorage.setItem(storageKey, JSON.stringify(state));
+    } catch (error) {
+      // Silently fail if sessionStorage is not available
+    }
+  }, [persistState, storageKey]);
+
+  // Initialize state from persisted data or props
+  const persistedState = loadPersistedState();
+  
+  const [page, setPage] = React.useState(persistedState?.page || initialPage);
+  const [sortBy, setSortBy] = React.useState(
+    persistedState?.sortBy || initialSortBy || (columns.find((c) => c.sortable)?.field) || "",
+  );
+  const [sortOrder, setSortOrder] = React.useState(persistedState?.sortOrder || initialSortOrder);
+  const [search, setSearch] = React.useState(persistedState?.search || initialSearch || "");
+  const [statusFilter, setStatusFilter] = React.useState(persistedState?.statusFilter || initialStatusFilter || "all");
+  const [limit, setLimit] = React.useState(persistedState?.limit || initialLimit || 10);
+  const [data, setData] = React.useState([]);
+  const [loading, setLoading] = React.useState(false);
+  const [totalPages, setTotalPages] = React.useState(1);
+  const [totalItems, setTotalItems] = React.useState(0);
+  // Column search state
+  const [columnSearch, setColumnSearch] = React.useState(persistedState?.columnSearch || {});
+  
+  // Save state whenever it changes
+  React.useEffect(() => {
+    saveState({
+      page,
+      sortBy,
+      sortOrder,
+      search,
+      statusFilter,
+      limit,
+      columnSearch,
+    });
+  }, [page, sortBy, sortOrder, search, statusFilter, limit, columnSearch, saveState]);
+
   const handleStatusToggle = async (row) => {
     if (!toggleLink) return;
     try {
@@ -81,21 +146,6 @@ export function DataTable(props) {
       toast.error(error.message || "Failed to update status");
     }
   };
-
-  const [page, setPage] = React.useState(initialPage);
-  const [sortBy, setSortBy] = React.useState(
-    initialSortBy || (columns.find((c) => c.sortable)?.field) || "",
-  );
-  const [sortOrder, setSortOrder] = React.useState(initialSortOrder);
-  const [search, setSearch] = React.useState(initialSearch || "");
-  const [statusFilter, setStatusFilter] = React.useState(initialStatusFilter || "all");
-  const [limit, setLimit] = React.useState(initialLimit || 10);
-  const [data, setData] = React.useState([]);
-  const [loading, setLoading] = React.useState(false);
-  const [totalPages, setTotalPages] = React.useState(1);
-  const [totalItems, setTotalItems] = React.useState(0);
-  // Column search state
-  const [columnSearch, setColumnSearch] = React.useState({});
   
   // Reset page to 1 when columnSearch changes
   React.useEffect(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vasuzex",
-  "version": "2.3.0",
+  "version": "2.3.2",
   "description": "Laravel-inspired framework for Node.js monorepos - V2 with optimized dependencies",
   "type": "module",
   "main": "./framework/index.js",