baraqex 1.0.50 → 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>
-  );
-}