baraqex 1.0.70 → 1.0.72

package/templates/fullstack-template/src/api/todos/[id].ts

@@ -1,108 +0,0 @@
-import { sendSuccess, sendError } from 'baraqex';
-
-// Import the todos array from the index file
-// In a real app, this would be in a database
-let todos = [
-  { id: 1, text: 'Learn Baraqex Framework', completed: false, userId: 1, createdAt: new Date().toISOString() },
-  { id: 2, text: 'Build awesome fullstack app', completed: false, userId: 1, createdAt: new Date().toISOString() },
-  { id: 3, text: 'Deploy to production', completed: false, userId: 1, createdAt: new Date().toISOString() }
-];
-
-// Require authentication
-export const middleware = [
-  (req: any, res: any, next: any) => {
-    if (!req.user) {
-      return sendError(res, 'Authentication required', 401);
-    }
-    next();
-  }
-];
-
-// Get specific todo
-export async function get(req: any, res: any) {
-  try {
-    const todoId = parseInt(req.params.id);
-    const userId = req.user.id;
-
-    if (isNaN(todoId)) {
-      return sendError(res, 'Invalid todo ID', 400);
-    }
-
-    const todo = todos.find(t => t.id === todoId && t.userId === userId);
-    if (!todo) {
-      return sendError(res, 'Todo not found', 404);
-    }
-
-    return sendSuccess(res, { todo }, 'Todo retrieved successfully');
-
-  } catch (error: any) {
-    console.error('Get todo error:', error);
-    return sendError(res, 'Failed to get todo', 500);
-  }
-}
-
-// Update todo
-export async function put(req: any, res: any) {
-  try {
-    const todoId = parseInt(req.params.id);
-    const userId = req.user.id;
-    const { text, completed } = req.body;
-
-    if (isNaN(todoId)) {
-      return sendError(res, 'Invalid todo ID', 400);
-    }
-
-    const todoIndex = todos.findIndex(t => t.id === todoId && t.userId === userId);
-    if (todoIndex === -1) {
-      return sendError(res, 'Todo not found', 404);
-    }
-
-    // Update todo
-    if (text !== undefined) {
-      if (text.trim().length === 0) {
-        return sendError(res, 'Todo text cannot be empty', 400);
-      }
-      todos[todoIndex].text = text.trim();
-    }
-
-    if (completed !== undefined) {
-      todos[todoIndex].completed = Boolean(completed);
-    }
-
-    todos[todoIndex].updatedAt = new Date().toISOString();
-
-    return sendSuccess(res, { todo: todos[todoIndex] }, 'Todo updated successfully');
-
-  } catch (error: any) {
-    console.error('Update todo error:', error);
-    return sendError(res, 'Failed to update todo', 500);
-  }
-}
-
-// Delete todo
-export async function del(req: any, res: any) {
-  try {
-    const todoId = parseInt(req.params.id);
-    const userId = req.user.id;
-
-    if (isNaN(todoId)) {
-      return sendError(res, 'Invalid todo ID', 400);
-    }
-
-    const todoIndex = todos.findIndex(t => t.id === todoId && t.userId === userId);
-    if (todoIndex === -1) {
-      return sendError(res, 'Todo not found', 404);
-    }
-
-    const deletedTodo = todos.splice(todoIndex, 1)[0];
-
-    return sendSuccess(res, { todo: deletedTodo }, 'Todo deleted successfully');
-
-  } catch (error: any) {
-    console.error('Delete todo error:', error);
-    return sendError(res, 'Failed to delete todo', 500);
-  }
-}
-
-// Export delete function with correct name
-export { del as delete };

package/templates/fullstack-template/src/api/todos/index.ts

@@ -1,79 +0,0 @@
-import { sendSuccess, sendError, validateFields, getPagination } from 'baraqex';
-
-// In-memory storage for demo (use database in real app)
-let todos = [
-  { id: 1, text: 'Learn Baraqex Framework', completed: false, userId: 1, createdAt: new Date().toISOString() },
-  { id: 2, text: 'Build awesome fullstack app', completed: false, userId: 1, createdAt: new Date().toISOString() },
-  { id: 3, text: 'Deploy to production', completed: false, userId: 1, createdAt: new Date().toISOString() }
-];
-
-// Require authentication for all todo endpoints
-export const middleware = [
-  (req: any, res: any, next: any) => {
-    if (!req.user) {
-      return sendError(res, 'Authentication required', 401);
-    }
-    next();
-  }
-];
-
-// Get todos for current user
-export async function get(req: any, res: any) {
-  try {
-    const userId = req.user.id;
-    const { page, limit, skip } = getPagination(req);
-    
-    // Filter todos for current user
-    const userTodos = todos.filter(todo => todo.userId === userId);
-    
-    // Apply pagination
-    const paginatedTodos = userTodos.slice(skip, skip + limit);
-    
-    return sendSuccess(res, {
-      todos: paginatedTodos,
-      pagination: {
-        page,
-        limit,
-        total: userTodos.length,
-        pages: Math.ceil(userTodos.length / limit)
-      }
-    }, 'Todos retrieved successfully');
-
-  } catch (error: any) {
-    console.error('Get todos error:', error);
-    return sendError(res, 'Failed to get todos', 500);
-  }
-}
-
-// Create new todo
-export async function post(req: any, res: any) {
-  try {
-    const validation = validateFields(req, ['text']);
-    if (!validation.valid) {
-      return sendError(res, 'Missing required fields', 400, { missing: validation.missing });
-    }
-
-    const { text } = req.body;
-    const userId = req.user.id;
-
-    if (text.trim().length === 0) {
-      return sendError(res, 'Todo text cannot be empty', 400);
-    }
-
-    const newTodo = {
-      id: Date.now(),
-      text: text.trim(),
-      completed: false,
-      userId,
-      createdAt: new Date().toISOString()
-    };
-
-    todos.push(newTodo);
-
-    return sendSuccess(res, { todo: newTodo }, 'Todo created successfully');
-
-  } catch (error: any) {
-    console.error('Create todo error:', error);
-    return sendError(res, 'Failed to create todo', 500);
-  }
-}

package/templates/fullstack-template/src/api/users.js

@@ -1,39 +0,0 @@
-// In-memory user storage for demo
-let users = [
-  { id: 1, name: 'John Doe', email: 'john@example.com' },
-  { id: 2, name: 'Jane Smith', email: 'jane@example.com' }
-];
-
-// GET /api/users
-export async function get(req, res) {
-  res.json({ 
-    success: true,
-    users,
-    count: users.length
-  });
-}
-
-// POST /api/users
-export async function post(req, res) {
-  const { name, email } = req.body;
-  
-  if (!name || !email) {
-    return res.status(400).json({
-      success: false,
-      error: 'Name and email are required'
-    });
-  }
-  
-  const newUser = {
-    id: users.length + 1,
-    name,
-    email
-  };
-  
-  users.push(newUser);
-  
-  res.status(201).json({
-    success: true,
-    user: newUser
-  });
-}

package/templates/fullstack-template/src/components/Dashboard.tsx

@@ -1,129 +0,0 @@
-import { jsx, useState, useEffect } from 'frontend-hamroun';
-import { useAuth } from '../contexts/AuthContext';
-import { useApi } from '../contexts/ApiContext';
-
-export function Dashboard() {
-  const { user } = useAuth();
-  const api = useApi();
-  const [stats, setStats] = useState({
-    totalTodos: 0,
-    completedTodos: 0,
-    pendingTodos: 0
-  });
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    loadDashboardData();
-  }, []);
-
-  const loadDashboardData = async () => {
-    try {
-      const response = await api.get('/api/todos');
-      const todos = response.data.todos;
-      
-      setStats({
-        totalTodos: todos.length,
-        completedTodos: todos.filter((todo: any) => todo.completed).length,
-        pendingTodos: todos.filter((todo: any) => !todo.completed).length
-      });
-    } catch (error) {
-      console.error('Failed to load dashboard data:', error);
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  if (loading) {
-    return (
-      <div className="dashboard">
-        <div className="dashboard-loading">
-          <div className="spinner"></div>
-          <p>Loading dashboard...</p>
-        </div>
-      </div>
-    );
-  }
-
-  return (
-    <div className="dashboard">
-      <div className="dashboard-header">
-        <h2>Welcome back, {user?.name || user?.username}! 👋</h2>
-        <p className="dashboard-subtitle">Here's your productivity overview</p>
-      </div>
-
-      <div className="stats-grid">
-        <div className="stat-card">
-          <div className="stat-icon">📝</div>
-          <div className="stat-content">
-            <h3 className="stat-number">{stats.totalTodos}</h3>
-            <p className="stat-label">Total Todos</p>
-          </div>
-        </div>
-
-        <div className="stat-card">
-          <div className="stat-icon">✅</div>
-          <div className="stat-content">
-            <h3 className="stat-number">{stats.completedTodos}</h3>
-            <p className="stat-label">Completed</p>
-          </div>
-        </div>
-
-        <div className="stat-card">
-          <div className="stat-icon">⏳</div>
-          <div className="stat-content">
-            <h3 className="stat-number">{stats.pendingTodos}</h3>
-            <p className="stat-label">Pending</p>
-          </div>
-        </div>
-
-        <div className="stat-card">
-          <div className="stat-icon">📈</div>
-          <div className="stat-content">
-            <h3 className="stat-number">
-              {stats.totalTodos > 0 ? Math.round((stats.completedTodos / stats.totalTodos) * 100) : 0}%
-            </h3>
-            <p className="stat-label">Completion Rate</p>
-          </div>
-        </div>
-      </div>
-
-      <div className="dashboard-actions">
-        <div className="action-card">
-          <h3>🚀 Quick Actions</h3>
-          <div className="action-buttons">
-            <button className="action-btn primary">
-              ➕ Add New Todo
-            </button>
-            <button className="action-btn secondary">
-              📊 View Reports
-            </button>
-            <button className="action-btn secondary">
-              ⚙️ Settings
-            </button>
-          </div>
-        </div>
-
-        <div className="recent-activity">
-          <h3>📅 Recent Activity</h3>
-          <div className="activity-list">
-            <div className="activity-item">
-              <span className="activity-icon">✅</span>
-              <span className="activity-text">Completed todo: "Learn Baraqex"</span>
-              <span className="activity-time">2 hours ago</span>
-            </div>
-            <div className="activity-item">
-              <span className="activity-icon">➕</span>
-              <span className="activity-text">Added new todo</span>
-              <span className="activity-time">1 day ago</span>
-            </div>
-            <div className="activity-item">
-              <span className="activity-icon">👤</span>
-              <span className="activity-text">Updated profile</span>
-              <span className="activity-time">3 days ago</span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}

package/templates/fullstack-template/src/components/Header.tsx

@@ -1,76 +0,0 @@
-import { jsx } from 'frontend-hamroun';
-import { useAuth } from '../contexts/AuthContext';
-
-interface User {
-  id: number;
-  username: string;
-  name: string;
-  roles: string[];
-}
-
-interface HeaderProps {
-  user: User | null;
-  onNavigate: (view: string) => void;
-  currentView: string;
-}
-
-export function Header({ user, onNavigate, currentView }: HeaderProps) {
-  const { logout } = useAuth();
-
-  const handleLogout = () => {
-    logout();
-  };
-
-  return (
-    <header className="app-header">
-      <div className="header-content">
-        <div className="header-left">
-          <h1 className="app-title">
-            <span className="logo">⚡</span>
-            Fullstack App
-          </h1>
-        </div>
-
-        {user && (
-          <nav className="header-nav">
-            <button 
-              className={`nav-button ${currentView === 'dashboard' ? 'active' : ''}`}
-              onClick={() => onNavigate('dashboard')}
-            >
-              📊 Dashboard
-            </button>
-            <button 
-              className={`nav-button ${currentView === 'todos' ? 'active' : ''}`}
-              onClick={() => onNavigate('todos')}
-            >
-              ✅ Todos
-            </button>
-            <button 
-              className={`nav-button ${currentView === 'profile' ? 'active' : ''}`}
-              onClick={() => onNavigate('profile')}
-            >
-              👤 Profile
-            </button>
-          </nav>
-        )}
-
-        <div className="header-right">
-          {user ? (
-            <div className="user-menu">
-              <span className="user-greeting">
-                Hello, {user.name || user.username}
-              </span>
-              <button className="logout-button" onClick={handleLogout}>
-                🚪 Logout
-              </button>
-            </div>
-          ) : (
-            <div className="auth-status">
-              Please log in to continue
-            </div>
-          )}
-        </div>
-      </div>
-    </header>
-  );
-}

package/templates/fullstack-template/src/contexts/ApiContext.tsx

@@ -1,69 +0,0 @@
-import { jsx, createContext, useContext } from 'frontend-hamroun';
-
-interface ApiContextType {
-  request: (url: string, options?: RequestInit) => Promise<any>;
-  get: (url: string) => Promise<any>;
-  post: (url: string, data?: any) => Promise<any>;
-  put: (url: string, data?: any) => Promise<any>;
-  delete: (url: string) => Promise<any>;
-}
-
-const ApiContext = createContext<ApiContextType | undefined>(undefined);
-
-export function ApiProvider({ children }: { children: any }) {
-  const request = async (url: string, options: RequestInit = {}) => {
-    const token = localStorage.getItem('auth_token');
-    
-    const config: RequestInit = {
-      ...options,
-      headers: {
-        'Content-Type': 'application/json',
-        ...options.headers,
-        ...(token && { 'Authorization': `Bearer ${token}` })
-      }
-    };
-
-    const response = await fetch(url, config);
-    const data = await response.json();
-
-    if (!response.ok) {
-      throw new Error(data.message || `HTTP error! status: ${response.status}`);
-    }
-
-    return data;
-  };
-
-  const get = (url: string) => request(url, { method: 'GET' });
-  
-  const post = (url: string, data?: any) => request(url, {
-    method: 'POST',
-    body: data ? JSON.stringify(data) : undefined
-  });
-  
-  const put = (url: string, data?: any) => request(url, {
-    method: 'PUT',
-    body: data ? JSON.stringify(data) : undefined
-  });
-  
-  const del = (url: string) => request(url, { method: 'DELETE' });
-
-  return (
-    <ApiContext.Provider value={{
-      request,
-      get,
-      post,
-      put,
-      delete: del
-    }}>
-      {children}
-    </ApiContext.Provider>
-  );
-}
-
-export function useApi() {
-  const context = useContext(ApiContext);
-  if (context === undefined) {
-    throw new Error('useApi must be used within an ApiProvider');
-  }
-  return context;
-}

package/templates/fullstack-template/src/contexts/AuthContext.tsx

@@ -1,155 +0,0 @@
-import { jsx, createContext, useContext, useState, useEffect } from 'frontend-hamroun';
-
-interface User {
-  id: number;
-  username: string;
-  email: string;
-  name: string;
-  roles: string[];
-}
-
-interface AuthContextType {
-  user: User | null;
-  login: (credentials: LoginCredentials) => Promise<void>;
-  register: (userData: RegisterData) => Promise<void>;
-  logout: () => void;
-  loading: boolean;
-  error: string | null;
-}
-
-interface LoginCredentials {
-  username: string;
-  password: string;
-}
-
-interface RegisterData {
-  username: string;
-  password: string;
-  email: string;
-  name: string;
-}
-
-const AuthContext = createContext<AuthContextType | undefined>(undefined);
-
-export function AuthProvider({ children }: { children: any }) {
-  const [user, setUser] = useState<User | null>(null);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
-
-  // Check for existing token on mount
-  useEffect(() => {
-    const token = localStorage.getItem('auth_token');
-    if (token) {
-      validateToken(token);
-    } else {
-      setLoading(false);
-    }
-  }, []);
-
-  const validateToken = async (token: string) => {
-    try {
-      const response = await fetch('/api/auth/me', {
-        headers: {
-          'Authorization': `Bearer ${token}`
-        }
-      });
-
-      if (response.ok) {
-        const data = await response.json();
-        setUser(data.data.user);
-      } else {
-        localStorage.removeItem('auth_token');
-      }
-    } catch (error) {
-      console.error('Token validation failed:', error);
-      localStorage.removeItem('auth_token');
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const login = async (credentials: LoginCredentials) => {
-    try {
-      setLoading(true);
-      setError(null);
-
-      const response = await fetch('/api/auth/login', {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json'
-        },
-        body: JSON.stringify(credentials)
-      });
-
-      const data = await response.json();
-
-      if (response.ok) {
-        localStorage.setItem('auth_token', data.data.token);
-        setUser(data.data.user);
-      } else {
-        throw new Error(data.message || 'Login failed');
-      }
-    } catch (error: any) {
-      setError(error.message);
-      throw error;
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const register = async (userData: RegisterData) => {
-    try {
-      setLoading(true);
-      setError(null);
-
-      const response = await fetch('/api/auth/register', {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json'
-        },
-        body: JSON.stringify(userData)
-      });
-
-      const data = await response.json();
-
-      if (response.ok) {
-        localStorage.setItem('auth_token', data.data.token);
-        setUser(data.data.user);
-      } else {
-        throw new Error(data.message || 'Registration failed');
-      }
-    } catch (error: any) {
-      setError(error.message);
-      throw error;
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const logout = () => {
-    localStorage.removeItem('auth_token');
-    setUser(null);
-    setError(null);
-  };
-
-  return (
-    <AuthContext.Provider value={{
-      user,
-      login,
-      register,
-      logout,
-      loading,
-      error
-    }}>
-      {children}
-    </AuthContext.Provider>
-  );
-}
-
-export function useAuth() {
-  const context = useContext(AuthContext);
-  if (context === undefined) {
-    throw new Error('useAuth must be used within an AuthProvider');
-  }
-  return context;
-}