baraqex 1.0.64 → 1.0.66

package/templates/fullstack-template/package.json

@@ -1,14 +1,66 @@
 {
-  "name": "fullstack-app",
-  "version": "1.0.0",
+  "name": "fullstack-baraqex-app",
+  "version": "0.1.0",
+  "private": true,
+  "description": "A fullstack application built with Baraqex",
   "type": "module",
   "scripts": {
     "dev": "node server.js",
-    "start": "node server.js",
-    "build": "echo \"No build step required\""
+    "build": "npm run build:client && npm run build:server",
+    "build:client": "esbuild src/client.tsx --bundle --outfile=dist/client.js --format=esm --target=es2020 --platform=browser --external:express --external:path --external:fs --external:http",
+    "build:server": "esbuild src/server.ts --bundle --outfile=dist/server.js --platform=node --target=node16 --format=esm --external:express --external:cors --external:jsonwebtoken --external:bcryptjs --external:mongodb --external:mysql2 --external:pg --sourcemap",
+    "start": "NODE_ENV=production node dist/server.js",
+    "test": "jest",
+    "lint": "eslint src --ext .ts,.tsx,.js,.jsx",
+    "format": "prettier --write src/**/*.{ts,tsx,js,jsx,json,css,md}",
+    "db:migrate": "node scripts/migrate.js",
+    "db:seed": "node scripts/seed.js"
   },
   "dependencies": {
+    "baraqex": "^1.0.60",
+    "bcryptjs": "^2.4.3",
+    "compression": "^1.7.4",
+    "cors": "^2.8.5",
+    "dotenv": "^16.3.1",
+    "express": "^4.18.2",
+    "express-rate-limit": "^6.10.0",
     "frontend-hamroun": "latest",
-    "baraqex": "latest"
-  }
+    "helmet": "^7.0.0",
+    "jsonwebtoken": "^9.0.2",
+    "morgan": "^1.10.0",
+    "multer": "latest"
+  },
+  "devDependencies": {
+    "@types/bcryptjs": "^2.4.2",
+    "@types/compression": "^1.7.2",
+    "@types/cors": "^2.8.13",
+    "@types/express": "^4.17.17",
+    "@types/jest": "^29.5.4",
+    "@types/jsonwebtoken": "^9.0.2",
+    "@types/morgan": "^1.9.4",
+    "@types/multer": "^1.4.7",
+    "@types/node": "^20.5.0",
+    "esbuild": "^0.19.0",
+    "eslint": "^8.47.0",
+    "jest": "^29.6.0",
+    "nodemon": "^3.0.1",
+    "prettier": "^3.0.0",
+    "typescript": "^5.0.0"
+  },
+  "optionalDependencies": {
+    "mongodb": "^5.7.0",
+    "mysql2": "^3.6.0",
+    "pg": "^8.11.3"
+  },
+  "keywords": [
+    "baraqex",
+    "fullstack",
+    "react",
+    "typescript",
+    "express",
+    "api",
+    "authentication"
+  ],
+  "author": "",
+  "license": "MIT"
 }

package/templates/fullstack-template/server.js

@@ -1,16 +1,35 @@
-import { createDevServer } from 'baraqex/server';
+import { createServer } from 'baraqex';
+import dotenv from 'dotenv';
 
-const server = createDevServer({
-  port: 3000,
-  enableCors: true
+// Load environment variables
+dotenv.config();
+
+// Create development server
+const server = createServer({
+  port: parseInt(process.env.PORT || '3000'),
+  apiDir: './src/api',
+  pagesDir: './src/pages',
+  staticDir: './public',
+  enableCors: true,
+  auth: {
+    secret: process.env.JWT_SECRET || 'dev-secret-key',
+    expiresIn: '7d'
+  }
 });
 
-// Enable SSR with hydration
+// Enable SSR
 server.enableSSR({ hydratable: true });
 
-// Start the server
+// Start server
+console.log('🚀 Starting Fullstack Baraqex Development Server...');
+
 server.start().then(() => {
-  console.log('Full-stack server started!');
-  console.log('Visit http://localhost:3000');
-  console.log('API available at http://localhost:3000/api');
+  console.log('✅ Server running successfully!');
+  console.log('🌐 Frontend: http://localhost:3000');
+  console.log('🔗 API: http://localhost:3000/api');
+  console.log('📋 API Docs: http://localhost:3000/api-docs');
+  console.log('💚 Health: http://localhost:3000/health');
+}).catch(error => {
+  console.error('❌ Failed to start server:', error);
+  process.exit(1);
 });

package/templates/fullstack-template/src/App.tsx

@@ -0,0 +1,94 @@
+import { jsx, useState, useEffect } from 'frontend-hamroun';
+import { AuthProvider, useAuth } from './contexts/AuthContext';
+import { ApiProvider } from './contexts/ApiContext';
+import { Header } from './components/Header';
+import { Dashboard } from './components/Dashboard';
+import { LoginForm } from './components/LoginForm';
+import { TodoList } from './components/TodoList';
+import { UserProfile } from './components/UserProfile';
+import { LoadingSpinner } from './components/LoadingSpinner';
+import './styles/App.css';
+
+type View = 'dashboard' | 'todos' | 'profile' | 'login';
+
+function AppContent() {
+  const { user, loading: authLoading } = useAuth();
+  const [currentView, setCurrentView] = useState<View>('dashboard');
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    // Simulate app initialization
+    const timer = setTimeout(() => {
+      setLoading(false);
+    }, 1000);
+
+    return () => clearTimeout(timer);
+  }, []);
+
+  if (loading || authLoading) {
+    return <LoadingSpinner message="Loading application..." />;
+  }
+
+  if (!user) {
+    return (
+      <div className="app">
+        <Header 
+          user={null} 
+          onNavigate={setCurrentView} 
+          currentView={currentView}
+        />
+        <main className="main-content">
+          <LoginForm />
+        </main>
+      </div>
+    );
+  }
+
+  const renderView = () => {
+    switch (currentView) {
+      case 'dashboard':
+        return <Dashboard />;
+      case 'todos':
+        return <TodoList />;
+      case 'profile':
+        return <UserProfile />;
+      default:
+        return <Dashboard />;
+    }
+  };
+
+  return (
+    <div className="app">
+      <Header 
+        user={user} 
+        onNavigate={setCurrentView} 
+        currentView={currentView}
+      />
+      <main className="main-content">
+        {renderView()}
+      </main>
+      <footer className="app-footer">
+        <p>&copy; 2024 Fullstack Baraqex App. Built with ❤️ using Baraqex Framework.</p>
+      </footer>
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <AuthProvider>
+      <ApiProvider>
+        <AppContent />
+      </ApiProvider>
+    </AuthProvider>
+  );
+}
+
+// SSR support
+App.getTitle = () => "Fullstack Baraqex App";
+App.getDescription = () => "A complete fullstack application with authentication, API integration, and modern UI";
+App.getMeta = () => ({
+  'og:title': 'Fullstack Baraqex App',
+  'og:description': 'Complete fullstack solution with Baraqex',
+  'og:type': 'website'
+});

package/templates/fullstack-template/src/api/auth/login.ts

@@ -0,0 +1,75 @@
+import { AuthService, sendSuccess, sendError, validateFields } from 'baraqex';
+
+// Login endpoint
+export async function post(req: any, res: any) {
+  try {
+    // Validate required fields
+    const validation = validateFields(req, ['username', 'password']);
+    if (!validation.valid) {
+      return sendError(res, 'Missing required fields', 400, { missing: validation.missing });
+    }
+
+    const { username, password } = req.body;
+
+    // Get auth service from server
+    const authService = req.app.locals.authService as AuthService;
+    if (!authService) {
+      return sendError(res, 'Authentication service not available', 500);
+    }
+
+    // In a real app, you'd fetch user from database
+    // This is a demo implementation
+    const demoUsers = [
+      {
+        id: 1,
+        username: 'admin',
+        password: '$2a$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi', // password
+        email: 'admin@example.com',
+        roles: ['admin', 'user'],
+        name: 'Administrator'
+      },
+      {
+        id: 2,
+        username: 'user',
+        password: '$2a$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi', // password
+        email: 'user@example.com',
+        roles: ['user'],
+        name: 'Regular User'
+      }
+    ];
+
+    // Find user
+    const user = demoUsers.find(u => u.username === username);
+    if (!user) {
+      return sendError(res, 'Invalid credentials', 401);
+    }
+
+    // Verify password
+    const isValid = await authService.comparePasswords(password, user.password);
+    if (!isValid) {
+      return sendError(res, 'Invalid credentials', 401);
+    }
+
+    // Generate token
+    const userForToken = {
+      id: user.id,
+      username: user.username,
+      email: user.email,
+      roles: user.roles,
+      name: user.name
+    };
+
+    const token = authService.generateToken(userForToken);
+
+    // Send response
+    return sendSuccess(res, {
+      token,
+      user: userForToken,
+      expiresIn: '7d'
+    }, 'Login successful');
+
+  } catch (error: any) {
+    console.error('Login error:', error);
+    return sendError(res, 'Login failed', 500);
+  }
+}

package/templates/fullstack-template/src/api/auth/me.ts

@@ -0,0 +1,66 @@
+import { sendSuccess, sendError } from 'baraqex';
+
+// Middleware to require authentication
+export const middleware = [
+  (req: any, res: any, next: any) => {
+    if (!req.user) {
+      return sendError(res, 'Authentication required', 401);
+    }
+    next();
+  }
+];
+
+// Get current user endpoint
+export async function get(req: any, res: any) {
+  try {
+    const user = req.user;
+    
+    // In a real app, you might fetch fresh user data from database
+    // For demo, we'll just return the user from token
+    
+    return sendSuccess(res, {
+      user: {
+        id: user.id,
+        username: user.username,
+        email: user.email || `${user.username}@example.com`,
+        name: user.name || user.username,
+        roles: user.roles || ['user'],
+        lastLogin: new Date().toISOString()
+      }
+    }, 'User profile retrieved');
+
+  } catch (error: any) {
+    console.error('Get user error:', error);
+    return sendError(res, 'Failed to get user profile', 500);
+  }
+}
+
+// Update user profile
+export async function put(req: any, res: any) {
+  try {
+    const user = req.user;
+    const { name, email } = req.body;
+
+    // Basic validation
+    if (email && !email.includes('@')) {
+      return sendError(res, 'Invalid email format', 400);
+    }
+
+    // In a real app, you'd update the database
+    // For demo, we'll just return updated user data
+    const updatedUser = {
+      ...user,
+      name: name || user.name,
+      email: email || user.email,
+      updatedAt: new Date().toISOString()
+    };
+
+    return sendSuccess(res, {
+      user: updatedUser
+    }, 'Profile updated successfully');
+
+  } catch (error: any) {
+    console.error('Update user error:', error);
+    return sendError(res, 'Failed to update profile', 500);
+  }
+}

package/templates/fullstack-template/src/api/auth/register.ts

@@ -0,0 +1,59 @@
+import { AuthService, sendSuccess, sendError, validateFields } from 'baraqex';
+
+// Registration endpoint
+export async function post(req: any, res: any) {
+  try {
+    // Validate required fields
+    const validation = validateFields(req, ['username', 'password', 'email', 'name']);
+    if (!validation.valid) {
+      return sendError(res, 'Missing required fields', 400, { missing: validation.missing });
+    }
+
+    const { username, password, email, name } = req.body;
+
+    // Basic validation
+    if (password.length < 6) {
+      return sendError(res, 'Password must be at least 6 characters long', 400);
+    }
+
+    if (!email.includes('@')) {
+      return sendError(res, 'Invalid email format', 400);
+    }
+
+    // Get auth service
+    const authService = req.app.locals.authService as AuthService;
+    if (!authService) {
+      return sendError(res, 'Authentication service not available', 500);
+    }
+
+    // In a real app, you'd check if user exists in database
+    // For demo purposes, we'll just simulate registration
+    
+    // Hash password
+    const hashedPassword = await authService.hashPassword(password);
+
+    // Create user object (in real app, save to database)
+    const newUser = {
+      id: Date.now(), // In real app, this would be from database
+      username,
+      email,
+      name,
+      roles: ['user'],
+      createdAt: new Date().toISOString()
+    };
+
+    // Generate token
+    const token = authService.generateToken(newUser);
+
+    // Send response
+    return sendSuccess(res, {
+      token,
+      user: newUser,
+      expiresIn: '7d'
+    }, 'Registration successful');
+
+  } catch (error: any) {
+    console.error('Registration error:', error);
+    return sendError(res, 'Registration failed', 500);
+  }
+}

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

@@ -0,0 +1,108 @@
+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

@@ -0,0 +1,79 @@
+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);
+  }
+}