baraqex 1.0.49 → 1.0.51

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

@@ -1,158 +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: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  min-height: 100vh;
-}
-
-.app {
-  max-width: 800px;
-  margin: 0 auto;
-  padding: 20px;
-  background: white;
-  border-radius: 10px;
-  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
-  margin-top: 20px;
-  margin-bottom: 20px;
-}
-
-.app-header {
-  text-align: center;
-  margin-bottom: 40px;
-  padding-bottom: 20px;
-  border-bottom: 2px solid #f0f0f0;
-}
-
-.app-header h1 {
-  color: #667eea;
-  font-size: 2.5rem;
-  margin-bottom: 10px;
-}
-
-.counter-section {
-  text-align: center;
-  margin-bottom: 40px;
-}
-
-.counter-display {
-  margin: 30px 0;
-}
-
-.count-value {
-  font-size: 4rem;
-  font-weight: bold;
-  color: #667eea;
-  display: inline-block;
-  padding: 20px 40px;
-  border: 3px solid #667eea;
-  border-radius: 50px;
-  background: linear-gradient(45deg, #f8f9ff, #ffffff);
-}
-
-.counter-controls {
-  display: flex;
-  gap: 15px;
-  justify-content: center;
-  flex-wrap: wrap;
-}
-
-.btn {
-  padding: 12px 24px;
-  border: none;
-  border-radius: 6px;
-  font-size: 1rem;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  font-weight: 600;
-}
-
-.btn-primary {
-  background: #667eea;
-  color: white;
-}
-
-.btn-primary:hover {
-  background: #5a6fd8;
-  transform: translateY(-2px);
-}
-
-.btn-secondary {
-  background: #6c757d;
-  color: white;
-}
-
-.btn-secondary:hover {
-  background: #5a6268;
-  transform: translateY(-2px);
-}
-
-.btn-danger {
-  background: #dc3545;
-  color: white;
-}
-
-.btn-danger:hover {
-  background: #c82333;
-  transform: translateY(-2px);
-}
-
-.info-section {
-  background: #f8f9fa;
-  padding: 30px;
-  border-radius: 8px;
-  margin-bottom: 30px;
-}
-
-.info-section h3 {
-  color: #667eea;
-  margin-bottom: 15px;
-}
-
-.info-section ul {
-  list-style: none;
-  padding-left: 0;
-}
-
-.info-section li {
-  margin-bottom: 8px;
-  font-size: 1.1rem;
-}
-
-.app-footer {
-  text-align: center;
-  padding-top: 20px;
-  border-top: 1px solid #f0f0f0;
-  color: #666;
-}
-
-@media (max-width: 768px) {
-  .app {
-    margin: 10px;
-    padding: 15px;
-  }
-  
-  .app-header h1 {
-    font-size: 2rem;
-  }
-  
-  .count-value {
-    font-size: 3rem;
-    padding: 15px 30px;
-  }
-  
-  .counter-controls {
-    flex-direction: column;
-    align-items: center;
-  }
-  
-  .btn {
-    width: 200px;
-  }
-}

package/templates/basic-app/server.js

@@ -1,15 +0,0 @@
-import { createServer } from '../../dist/server/index.js';
-
-const server = createServer({
-  port: process.env.PORT || 3000,
-  staticDir: './public',
-  enableCors: true
-});
-
-server.start().then(() => {
-  console.log('🚀 Baraqex Basic App server started successfully!');
-  console.log('📱 Visit http://localhost:3000 to see your app');
-}).catch(error => {
-  console.error('❌ Failed to start server:', error);
-  process.exit(1);
-});

package/templates/basic-app/src/App.jsx

@@ -1,68 +0,0 @@
-import { jsx, useState, useEffect } from 'baraqex';
-
-export default function App() {
-  const [count, setCount] = useState(0);
-  const [message, setMessage] = useState('Welcome to Baraqex!');
-
-  useEffect(() => {
-    console.log('App component mounted');
-  }, []);
-
-  const increment = () => {
-    setCount(prev => prev + 1);
-  };
-
-  const decrement = () => {
-    setCount(prev => prev - 1);
-  };
-
-  const resetCount = () => {
-    setCount(0);
-    setMessage('Counter reset!');
-  };
-
-  return (
-    <div className="app">
-      <header className="app-header">
-        <h1>{message}</h1>
-        <p>This is a basic Baraqex application template.</p>
-      </header>
-      
-      <main className="app-main">
-        <div className="counter-section">
-          <h2>Interactive Counter</h2>
-          <div className="counter-display">
-            <span className="count-value">{count}</span>
-          </div>
-          
-          <div className="counter-controls">
-            <button onClick={decrement} className="btn btn-secondary">
-              - Decrease
-            </button>
-            <button onClick={increment} className="btn btn-primary">
-              + Increase
-            </button>
-            <button onClick={resetCount} className="btn btn-danger">
-              Reset
-            </button>
-          </div>
-        </div>
-        
-        <div className="info-section">
-          <h3>Features Included:</h3>
-          <ul>
-            <li>✅ Modern JSX components</li>
-            <li>✅ State management with hooks</li>
-            <li>✅ Event handling</li>
-            <li>✅ Component lifecycle</li>
-            <li>✅ Responsive design</li>
-          </ul>
-        </div>
-      </main>
-      
-      <footer className="app-footer">
-        <p>Built with ❤️ using Baraqex Framework</p>
-      </footer>
-    </div>
-  );
-}

package/templates/basic-template/README.md

@@ -1,24 +0,0 @@
-# Basic Frontend Hamroun App
-
-A simple Frontend Hamroun application.
-
-## Getting Started
-
-```bash
-npm install
-npm run dev
-```
-
-Visit http://localhost:3000 to see your app.
-
-## What's Included
-
-- Express server with Frontend Hamroun SSR
-- Simple component structure
-- Ready to customize and expand
-
-## Next Steps
-
-- Edit `server.js` to add more components
-- Add styling and interactivity
-- Explore Frontend Hamroun documentation

package/templates/basic-template/package.json

@@ -1,13 +0,0 @@
-{
-  "name": "basic-app",
-  "version": "1.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "node server.js",
-    "start": "node server.js"
-  },
-  "dependencies": {
-    "frontend-hamroun": "latest",
-    "express": "^4.18.2"
-  }
-}

package/templates/basic-template/server.js

@@ -1,36 +0,0 @@
-import express from 'express';
-import { renderToString, jsx } from 'frontend-hamroun';
-
-const app = express();
-const port = 3000;
-
-// Simple component
-function App() {
-  return jsx('div', { style: { padding: '2rem', textAlign: 'center' } }, 
-    jsx('h1', null, 'Hello Frontend Hamroun!'),
-    jsx('p', null, 'Your app is running successfully.'),
-    jsx('p', null, 'Edit server.js to get started!')
-  );
-}
-
-app.get('/', async (req, res) => {
-  const html = await renderToString(jsx(App));
-  res.send(`
-    <!DOCTYPE html>
-    <html>
-      <head>
-        <title>Basic Frontend Hamroun App</title>
-        <style>
-          body { font-family: -apple-system, BlinkMacSystemFont, sans-serif; margin: 0; }
-        </style>
-      </head>
-      <body>
-        <div id="root">${html}</div>
-      </body>
-    </html>
-  `);
-});
-
-app.listen(port, () => {
-  console.log(`Server running at http://localhost:${port}`);
-});