baraqex 1.0.47 → 1.0.49

package/templates/fullstack-app/package.json

@@ -1,26 +0,0 @@
-{
-  "name": "baraqex-fullstack-app",
-  "version": "1.0.0",
-  "type": "module",
-  "description": "Full-stack Baraqex application with API and database",
-  "main": "server.js",
-  "scripts": {
-    "dev": "node server.js",
-    "build": "npm run build:server && npm run build:client",
-    "build:server": "echo 'Building server...'",
-    "build:client": "echo 'Building client...'",
-    "start": "NODE_ENV=production node server.js",
-    "test": "node test.js",
-    "migrate": "node scripts/migrate.js"
-  },
-  "dependencies": {
-    "baraqex": "^1.0.22",
-    "bcryptjs": "^2.4.3",
-    "express": "^4.18.2",
-    "frontend-hamroun": "^1.2.35",
-    "jsonwebtoken": "^9.0.0"
-  },
-  "devDependencies": {
-    "typescript": "^5.0.0"
-  }
-}

package/templates/fullstack-app/public/client.js

@@ -1,139 +0,0 @@
-// Simple client-side hydration script for Baraqex fullstack app
-
-console.log('🚀 Baraqex client-side script loaded');
-
-// Add interactive functionality
-document.addEventListener('DOMContentLoaded', () => {
-  console.log('📱 Client-side hydration starting...');
-  
-  // Add smooth scrolling to anchor links
-  document.querySelectorAll('a[href^="#"]').forEach(anchor => {
-    anchor.addEventListener('click', function (e) {
-      e.preventDefault();
-      const target = document.querySelector(this.getAttribute('href'));
-      if (target) {
-        target.scrollIntoView({
-          behavior: 'smooth'
-        });
-      }
-    });
-  });
-  
-  // Add form enhancements
-  const forms = document.querySelectorAll('form');
-  forms.forEach(form => {
-    form.addEventListener('submit', function(e) {
-      const submitBtn = form.querySelector('button[type="submit"]');
-      if (submitBtn && !submitBtn.disabled) {
-        // Add loading state
-        const originalText = submitBtn.textContent;
-        submitBtn.disabled = true;
-        submitBtn.textContent = 'Loading...';
-        
-        // Reset button after a delay if form doesn't handle it
-        setTimeout(() => {
-          if (submitBtn.disabled) {
-            submitBtn.disabled = false;
-            submitBtn.textContent = originalText;
-          }
-        }, 5000);
-      }
-    });
-  });
-  
-  // Add click handlers for refresh buttons
-  const refreshButtons = document.querySelectorAll('[data-refresh]');
-  refreshButtons.forEach(button => {
-    button.addEventListener('click', () => {
-      window.location.reload();
-    });
-  });
-  
-  // Initialize users API demo if present
-  if (typeof fetchUsers === 'function') {
-    fetchUsers();
-  }
-  
-  console.log('✅ Client-side hydration complete');
-});
-
-// Global error handler
-window.addEventListener('error', (e) => {
-  console.error('🚨 Client error:', e.error);
-});
-
-// Handle API requests with better error handling
-window.apiRequest = async (url, options = {}) => {
-  try {
-    const token = localStorage.getItem('token');
-    const headers = {
-      'Content-Type': 'application/json',
-      ...options.headers
-    };
-    
-    if (token) {
-      headers.Authorization = `Bearer ${token}`;
-    }
-    
-    const response = await fetch(url, {
-      ...options,
-      headers
-    });
-    
-    if (!response.ok) {
-      throw new Error(`HTTP ${response.status}: ${response.statusText}`);
-    }
-    
-    return await response.json();
-  } catch (error) {
-    console.error('API request failed:', error);
-    throw error;
-  }
-};
-
-// Global fetchUsers function for the demo
-window.fetchUsers = async function() {
-  const container = document.getElementById('users-grid');
-  if (!container) return;
-  
-  container.innerHTML = '<div class="loading">Loading users...</div>';
-  
-  try {
-    const response = await fetch('/api/users');
-    if (!response.ok) {
-      throw new Error('Failed to fetch users');
-    }
-    const data = await response.json();
-    const users = data.data.users || [];
-    
-    if (users.length > 0) {
-      container.innerHTML = users.map(user => `
-        <div class="user-card">
-          <h5>${user.name}</h5>
-          <p>${user.email}</p>
-          <span class="role ${user.role}">${user.role}</span>
-        </div>
-      `).join('');
-    } else {
-      container.innerHTML = '<div class="no-users">No users found</div>';
-    }
-  } catch (error) {
-    container.innerHTML = `<div class="error-message">❌ Error: ${error.message}</div>`;
-  }
-};
-
-// Auto-generated hydration script
-          import { hydrate } from 'frontend-hamroun';
-          
-          // Find SSR content and hydrate it
-          document.addEventListener('DOMContentLoaded', () => {
-            const ssrRoots = document.querySelectorAll('[data-ssr-root]');
-            ssrRoots.forEach(root => {
-              const componentPath = root.getAttribute('data-component');
-              if (componentPath) {
-                import(componentPath).then(module => {
-                  hydrate(module.default, root);
-                });
-              }
-            });
-          });

package/templates/fullstack-app/public/fullstack-styles.css

@@ -1,445 +0,0 @@
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-body {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
-  line-height: 1.6;
-  color: #333;
-  background: #f8f9fa;
-}
-
-.container {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 0 20px;
-}
-
-/* Header */
-.header {
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  color: white;
-  padding: 1rem 0;
-  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
-}
-
-.header .container {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.header h1 {
-  font-size: 1.8rem;
-  font-weight: 700;
-}
-
-.header nav {
-  display: flex;
-  gap: 2rem;
-}
-
-.header nav a {
-  color: white;
-  text-decoration: none;
-  font-weight: 500;
-  transition: opacity 0.3s ease;
-}
-
-.header nav a:hover,
-.header nav a.active {
-  opacity: 0.8;
-  text-decoration: underline;
-}
-
-/* Main Content */
-.main-content {
-  min-height: calc(100vh - 200px);
-  padding: 3rem 0;
-}
-
-/* Hero Section */
-.hero {
-  text-align: center;
-  margin-bottom: 4rem;
-}
-
-.hero h2 {
-  font-size: 2.5rem;
-  color: #667eea;
-  margin-bottom: 1rem;
-}
-
-.hero p {
-  font-size: 1.2rem;
-  color: #666;
-  margin-bottom: 3rem;
-}
-
-.features {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
-  gap: 2rem;
-  margin-top: 3rem;
-}
-
-.feature {
-  background: white;
-  padding: 2rem;
-  border-radius: 10px;
-  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
-  text-align: center;
-  transition: transform 0.3s ease;
-}
-
-.feature:hover {
-  transform: translateY(-5px);
-}
-
-.feature h3 {
-  color: #667eea;
-  margin-bottom: 1rem;
-  font-size: 1.3rem;
-}
-
-/* API Demo Section */
-.api-demo {
-  background: white;
-  padding: 3rem;
-  border-radius: 15px;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
-  margin-bottom: 3rem;
-}
-
-.api-demo h3 {
-  color: #667eea;
-  margin-bottom: 2rem;
-  font-size: 1.8rem;
-}
-
-.section-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 2rem;
-}
-
-.section-header h4 {
-  color: #333;
-  font-size: 1.3rem;
-}
-
-/* Users Grid */
-.users-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
-  gap: 1.5rem;
-  margin-bottom: 3rem;
-}
-
-.user-card {
-  background: #f8f9fa;
-  padding: 1.5rem;
-  border-radius: 8px;
-  border: 1px solid #e9ecef;
-  text-align: center;
-}
-
-.user-card h5 {
-  color: #333;
-  margin-bottom: 0.5rem;
-  font-size: 1.1rem;
-}
-
-.user-card p {
-  color: #666;
-  margin-bottom: 1rem;
-  font-size: 0.9rem;
-}
-
-.role {
-  padding: 0.3rem 0.8rem;
-  border-radius: 20px;
-  font-size: 0.8rem;
-  font-weight: 600;
-  text-transform: capitalize;
-}
-
-.role.admin {
-  background: #e3f2fd;
-  color: #1976d2;
-}
-
-.role.user {
-  background: #f3e5f5;
-  color: #7b1fa2;
-}
-
-/* API Endpoints */
-.endpoints-list {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-}
-
-.endpoint {
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-  padding: 1rem;
-  background: #f8f9fa;
-  border-radius: 6px;
-  border-left: 4px solid #667eea;
-}
-
-.method {
-  padding: 0.3rem 0.8rem;
-  border-radius: 4px;
-  font-weight: bold;
-  font-size: 0.8rem;
-  min-width: 60px;
-  text-align: center;
-  color: white;
-}
-
-.method.get { background: #28a745; }
-.method.post { background: #007bff; }
-.method.put { background: #ffc107; color: #333; }
-.method.delete { background: #dc3545; }
-
-.path {
-  font-family: 'Courier New', monospace;
-  font-weight: 600;
-  color: #667eea;
-  min-width: 150px;
-}
-
-.desc {
-  color: #666;
-}
-
-/* Getting Started Section */
-.getting-started {
-  background: white;
-  padding: 3rem;
-  border-radius: 15px;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
-}
-
-.getting-started h3 {
-  color: #667eea;
-  margin-bottom: 2rem;
-  font-size: 1.8rem;
-}
-
-.steps {
-  display: grid;
-  gap: 2rem;
-}
-
-.step {
-  padding: 2rem;
-  border: 1px solid #e9ecef;
-  border-radius: 8px;
-  background: #f8f9fa;
-}
-
-.step h4 {
-  color: #333;
-  margin-bottom: 1rem;
-}
-
-.step pre {
-  background: #2d3748;
-  color: #e2e8f0;
-  padding: 1rem;
-  border-radius: 6px;
-  overflow-x: auto;
-  margin-top: 1rem;
-}
-
-.step code {
-  font-family: 'Courier New', monospace;
-}
-
-/* Buttons */
-.btn {
-  padding: 0.8rem 1.5rem;
-  border: none;
-  border-radius: 6px;
-  font-size: 1rem;
-  font-weight: 600;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  text-decoration: none;
-  display: inline-block;
-  text-align: center;
-}
-
-.btn-primary {
-  background: #667eea;
-  color: white;
-}
-
-.btn-primary:hover:not(:disabled) {
-  background: #5a6fd8;
-  transform: translateY(-2px);
-}
-
-.btn-full {
-  width: 100%;
-}
-
-.btn:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-  transform: none;
-}
-
-/* Messages */
-.error-message {
-  background: #f8d7da;
-  color: #721c24;
-  padding: 1rem;
-  border-radius: 6px;
-  margin-bottom: 1.5rem;
-  border: 1px solid #f5c6cb;
-}
-
-.success-message {
-  background: #d4edda;
-  color: #155724;
-  padding: 1rem;
-  border-radius: 6px;
-  margin-bottom: 1.5rem;
-  border: 1px solid #c3e6cb;
-}
-
-/* Login Page */
-.login-container {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  min-height: 60vh;
-}
-
-.login-card {
-  background: white;
-  padding: 3rem;
-  border-radius: 15px;
-  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
-  width: 100%;
-  max-width: 400px;
-  text-align: center;
-}
-
-.login-card h2 {
-  color: #667eea;
-  margin-bottom: 1rem;
-}
-
-.login-form {
-  margin: 2rem 0;
-}
-
-.form-group {
-  margin-bottom: 1.5rem;
-  text-align: left;
-}
-
-.form-group label {
-  display: block;
-  margin-bottom: 0.5rem;
-  font-weight: 600;
-  color: #333;
-}
-
-.form-group input {
-  width: 100%;
-  padding: 0.8rem;
-  border: 1px solid #ddd;
-  border-radius: 6px;
-  font-size: 1rem;
-  transition: border-color 0.3s ease;
-}
-
-.form-group input:focus {
-  outline: none;
-  border-color: #667eea;
-  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
-}
-
-.demo-credentials {
-  background: #f8f9fa;
-  padding: 1.5rem;
-  border-radius: 8px;
-  margin-top: 2rem;
-  text-align: left;
-}
-
-.demo-credentials h4 {
-  color: #667eea;
-  margin-bottom: 1rem;
-}
-
-.demo-credentials p {
-  margin-bottom: 0.5rem;
-  font-size: 0.9rem;
-}
-
-/* Footer */
-.footer {
-  background: #2d3748;
-  color: white;
-  padding: 2rem 0;
-  text-align: center;
-  margin-top: 4rem;
-}
-
-/* Responsive Design */
-@media (max-width: 768px) {
-  .header .container {
-    flex-direction: column;
-    gap: 1rem;
-  }
-  
-  .header nav {
-    gap: 1rem;
-  }
-  
-  .hero h2 {
-    font-size: 2rem;
-  }
-  
-  .features {
-    grid-template-columns: 1fr;
-  }
-  
-  .section-header {
-    flex-direction: column;
-    gap: 1rem;
-    align-items: stretch;
-  }
-  
-  .users-grid {
-    grid-template-columns: 1fr;
-  }
-  
-  .endpoint {
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 0.5rem;
-  }
-  
-  .api-demo,
-  .getting-started {
-    padding: 2rem;
-  }
-  
-  .login-card {
-    padding: 2rem;
-    margin: 1rem;
-  }
-}

package/templates/fullstack-app/server.js

@@ -1,32 +0,0 @@
-// Temporary workaround - import from relative path during development
-import { createServer } from '../../dist/server/index.js';
-
-const server = createServer({
-  port: process.env.PORT || 3000,
-  apiDir: './src/api',
-  pagesDir: './src/pages',
-  staticDir: './public',
-  enableCors: true,
-  // Uncomment to enable database
-  // db: {
-  //   type: 'mongodb', // or 'mysql', 'postgres'
-  //   url: process.env.DATABASE_URL || 'mongodb://localhost:27017/baraqex'
-  // },
-  // Uncomment to enable authentication
-  // auth: {
-  //   secret: process.env.JWT_SECRET || 'your-secret-key',
-  //   expiresIn: '7d'
-  // }
-});
-
-server.enableSSR({ hydratable: true });
-
-server.start().then(() => {
-  console.log('🚀 Baraqex Full-Stack server started successfully!');
-  console.log('📱 Frontend: http://localhost:3000');
-  console.log('🔌 API: http://localhost:3000/api');
-  console.log('📚 API Docs: http://localhost:3000/api-docs');
-}).catch(error => {
-  console.error('❌ Failed to start server:', error);
-  process.exit(1);
-});

package/templates/fullstack-app/src/api/auth.js

@@ -1,48 +0,0 @@
-// POST /api/auth/login - User login
-export async function post(req, res) {
-  try {
-    const { email, password } = req.body;
-
-    // Validate input
-    if (!email || !password) {
-      return res.status(400).json({
-        success: false,
-        message: 'Email and password are required'
-      });
-    }
-
-    // Mock authentication - replace with actual user verification
-    const mockUser = {
-      id: 1,
-      name: 'John Doe',
-      email: 'john@example.com',
-      role: 'admin'
-    };
-
-    // In a real app, verify password against database
-    if (email === 'john@example.com' && password === 'password123') {
-      // Generate token (you'll need to implement JWT logic)
-      const token = 'mock-jwt-token-' + Date.now();
-
-      res.json({
-        success: true,
-        message: 'Login successful',
-        data: {
-          user: mockUser,
-          token
-        }
-      });
-    } else {
-      res.status(401).json({
-        success: false,
-        message: 'Invalid credentials'
-      });
-    }
-  } catch (error) {
-    res.status(500).json({
-      success: false,
-      message: 'Login failed',
-      error: error.message
-    });
-  }
-}