// Write this once, run everywhere! 🌍
import { jsx, callWasmFunction } from 'baraqex';

function SuperFastApp() {
  // This Go function runs at near-native speed! ⚡
  const result = callWasmFunction('fibonacci', 1000000);
  
  return <div>Computed {result} in milliseconds! 🚀</div>;
}

// ✨ Your first WASM-powered component
import { jsx, useState, loadGoWasm, callWasmFunction } from 'baraqex';

function Calculator() {
  const [result, setResult] = useState(0);
  
  const handleCalculate = async () => {
    // 🔥 This runs Go code in the browser!
    await loadGoWasm('/calculator.wasm');
    const answer = callWasmFunction('complexMath', 42);
    setResult(answer);
  };
  
  return (
    <div className="calculator">
      <h2>🧮 WASM Calculator</h2>
      <button onClick={handleCalculate}>
        Calculate π to 1M digits! 🥧
      </button>
      <div>Result: {result}</div>
    </div>
  );
}

import { jsx, useState, useEffect } from 'baraqex';

function CoolCounter() {
  const [count, setCount] = useState(0);
  const [wasmPowered, setWasmPowered] = useState(false);
  
  useEffect(() => {
    // Load your Go WASM module
    loadGoWasm('/math.wasm').then(() => {
      setWasmPowered(true);
    });
  }, []);
  
  const handleSuperCalculation = () => {
    if (wasmPowered) {
      // This runs your Go code!
      const result = callWasmFunction('fibonacci', count);
      console.log(`Fibonacci(${count}) = ${result}`);
    }
  };
  
  return (
    <div className="counter">
      <h1>🚀 Super Counter</h1>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>
        ➕ Increment
      </button>
      <button 
        onClick={handleSuperCalculation}
        disabled={!wasmPowered}
        className={wasmPowered ? 'ready' : 'loading'}
      >
        {wasmPowered ? '⚡ Calculate with WASM' : '⏳ Loading WASM...'}
      </button>
    </div>
  );
}

import { createServer, Database, AuthService } from 'baraqex/server';

// 🚀 Everything configured for you!
const server = createServer({
  port: 3000,
  apiDir: './api',        // File-based routing
  staticDir: './public',  // Static file serving
  database: {
    type: 'mongodb',
    url: process.env.DATABASE_URL
  }
});

// 🔐 Built-in auth
const auth = new AuthService({
  secret: process.env.JWT_SECRET
});

server.start().then(() => {
  console.log('🎉 Server running on http://localhost:3000');
});

// api/users.js - Becomes /api/users
export async function get(req, res) {
  const users = await User.find({});
  res.json({ users });
}

export async function post(req, res) {
  const user = await User.create(req.body);
  res.json({ user });
}

// api/users/[id].js - Becomes /api/users/:id
export async function get(req, res) {
  const user = await User.findById(req.params.id);
  res.json({ user });
}