baraqex 1.0.64 → 1.0.65

package/package.json

@@ -1,56 +1,81 @@
 {
   "name": "baraqex",
-  "version": "1.0.64",
-  "description": "A powerful server-side framework built on Frontend Hamroun",
+  "version": "1.0.65",
+  "description": "A powerful full-stack framework for modern web development",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
   "type": "module",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "browser": "./dist/browser.js",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
     },
     "./browser": {
-      "types": "./dist/browser.d.ts",
-      "import": "./dist/browser.js"
+      "import": "./dist/browser.js",
+      "types": "./dist/browser.d.ts"
     },
     "./server": {
-      "types": "./dist/server.d.ts",
-      "import": "./dist/server.js"
-    },
-    "./wasm": {
-      "types": "./dist/wasm.d.ts",
-      "import": "./dist/wasm.js"
+      "import": "./dist/server.js",
+      "types": "./dist/server.d.ts"
     }
   },
+  "browser": {
+    "./dist/index.js": "./dist/browser.js",
+    "crypto": false,
+    "fs": false,
+    "path": false,
+    "http": false,
+    "https": false,
+    "express": false,
+    "cors": false,
+    "mongodb": false,
+    "mysql2": false,
+    "pg": false,
+    "bcryptjs": false,
+    "jsonwebtoken": false
+  },
   "files": [
     "dist/",
     "templates/",
     "bin/",
-    "README.md",
-    "README_WASM.md"
+    "README.md"
   ],
   "bin": {
     "baraqex": "./bin/baraqex.js"
   },
   "scripts": {
-    "build": "npm run clean && npm run build:types && npm run build:js",
-    "build:types": "tsc --declaration --emitDeclarationOnly --outDir dist",
-    "build:js": "node build.js",
+    "build": "npm run clean && npm run build:esm",
+    "build:types": "tsc --emitDeclarationOnly",
+    "build:esm": "node build.mjs",
     "clean": "rimraf dist",
-    "dev": "npm run build && node dev-server.js",
     "test": "jest",
-    "test:watch": "jest --watch",
-    "lint": "eslint src/**/*.ts",
-    "lint:fix": "eslint src/**/*.ts --fix",
-    "prepare": "npm run build"
+    "dev": "tsc --watch",
+    "prepublishOnly": "npm run build"
   },
+  "keywords": [
+    "framework",
+    "frontend",
+    "backend",
+    "fullstack",
+    "react",
+    "ssr",
+    "wasm",
+    "go"
+  ],
+  "author": "Mohamed X",
+  "license": "MIT",
   "dependencies": {
-    "frontend-hamroun": "^1.2.35"
+    "chokidar": "^4.0.3",
+    "frontend-hamroun": "^1.2.35",
+    "open": "^10.1.2",
+    "ws": "^8.18.2"
   },
   "peerDependencies": {
-    "express": ">=4.18.0",
-    "cors": ">=2.8.0"
+    "cors": "^2.8.5",
+    "express": "^4.18.0"
   },
   "peerDependenciesMeta": {
     "express": {
@@ -76,39 +101,23 @@
     }
   },
   "devDependencies": {
+    "@types/bcryptjs": "^2.4.6",
+    "@types/cors": "^2.8.18",
+    "@types/express": "^5.0.2",
     "@types/node": "^20.0.0",
-    "@types/express": "^4.17.0",
-    "@types/cors": "^2.8.0",
-    "@types/bcryptjs": "^2.4.0",
-    "@types/jsonwebtoken": "^9.0.0",
-    "@typescript-eslint/eslint-plugin": "^6.0.0",
-    "@typescript-eslint/parser": "^6.0.0",
+    "@types/pg": "^8.15.4",
     "esbuild": "^0.19.0",
-    "eslint": "^8.0.0",
     "jest": "^29.0.0",
     "rimraf": "^5.0.0",
     "typescript": "^5.0.0"
   },
-  "keywords": [
-    "frontend-hamroun",
-    "server",
-    "framework",
-    "ssr",
-    "fullstack",
-    "webassembly",
-    "wasm",
-    "api",
-    "database",
-    "auth"
-  ],
-  "author": "Your Name",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/mohamedx2/baraqex.git"
-  },
-  "bugs": {
-    "url": "https://github.com/mohamedx2/baraqex/issues"
-  },
-  "homepage": "https://github.com/mohamedx2/baraqex#readme"
+  "optionalDependencies": {
+    "bcryptjs": "^2.4.3",
+    "cors": "^2.8.5",
+    "express": "^4.18.0",
+    "jsonwebtoken": "^9.0.0",
+    "mongodb": "^6.0.0",
+    "mysql2": "^3.6.0",
+    "pg": "^8.11.0"
+  }
 }

package/templates/basic-app/src/main.tsx

@@ -3,6 +3,7 @@ import './main.css';
 
 // JSX type declarations
 declare global {
+  // eslint-disable-next-line @typescript-eslint/no-namespace
   namespace JSX {
     interface IntrinsicElements {
       [elemName: string]: any;

package/templates/fullstack-template/.env.example

@@ -0,0 +1,42 @@
+# Server Configuration
+PORT=3000
+NODE_ENV=development
+
+# Authentication
+JWT_SECRET=your-super-secret-jwt-key-change-in-production
+JWT_EXPIRES_IN=7d
+
+# Database Configuration (optional)
+# DATABASE_URL=mongodb://localhost:27017/fullstack_app
+# DATABASE_TYPE=mongodb
+
+# For PostgreSQL:
+# DATABASE_URL=postgresql://username:password@localhost:5432/fullstack_app
+# DATABASE_TYPE=postgres
+
+# For MySQL:
+# DATABASE_URL=mysql://username:password@localhost:3306/fullstack_app
+# DATABASE_TYPE=mysql
+
+# Frontend URL (for CORS in production)
+FRONTEND_URL=http://localhost:3000
+
+# Session Configuration
+SESSION_SECRET=your-session-secret-key
+
+# Email Configuration (for future features)
+# SMTP_HOST=smtp.gmail.com
+# SMTP_PORT=587
+# SMTP_USER=your-email@gmail.com
+# SMTP_PASS=your-app-password
+
+# File Upload Configuration
+MAX_FILE_SIZE=5MB
+UPLOAD_DIR=uploads
+
+# Redis Configuration (for caching/sessions)
+# REDIS_URL=redis://localhost:6379
+
+# API Rate Limiting
+RATE_LIMIT_WINDOW_MS=900000
+RATE_LIMIT_MAX_REQUESTS=100

package/templates/fullstack-template/README.md

@@ -1,56 +1,52 @@
-# Full-Stack Frontend Hamroun App
+# Fullstack Baraqex Application
 
-A complete full-stack application with API routes and SSR.
+A complete fullstack application template built with the Baraqex framework, featuring authentication, API integration, and modern development practices.
 
-## Features
+## 🚀 Features
 
-- ✅ Server-side rendering with hydration
-- ✅ API routes in `src/api/`
-- ✅ Page-based routing in `src/pages/`
-- ✅ Frontend Hamroun hooks support
-- ✅ Express.js backend
-- ✅ Static file serving
+- **Full-Stack Architecture**: Complete frontend and backend integration
+- **Authentication System**: JWT-based auth with login/register
+- **RESTful API**: Well-structured API endpoints with middleware
+- **Database Support**: MongoDB, MySQL, and PostgreSQL options
+- **Real-time Updates**: Modern state management
+- **Security**: Built-in security headers, rate limiting, CORS
+- **Developer Experience**: Hot reload, TypeScript, ESLint, Prettier
+- **Production Ready**: Environment configuration, logging, error handling
 
-## Getting Started
+## 📋 Prerequisites
 
-```bash
-npm install
-npm run dev
-```
+- Node.js 16+ 
+- npm, yarn, or pnpm
+- Database (optional - works with in-memory storage for demo)
 
-## Project Structure
+## 🛠️ Quick Start
 
-```
-src/
-  ├── pages/           # Page components (SSR)
-  │   └── index.js     # Homepage
-  └── api/             # API routes
-      └── hello.js     # Example API endpoint
-```
+1. **Install dependencies**
+   ```bash
+   npm install
+   ```
 
-## Available Endpoints
+2. **Environment setup**
+   ```bash
+   cp .env.example .env
+   # Edit .env with your configuration
+   ```
 
-- **Homepage**: http://localhost:3000
-- **API Hello**: http://localhost:3000/api/hello
+3. **Start development server**
+   ```bash
+   npm run dev
+   ```
 
-## Adding Pages
+4. **Open your browser**
+   - Frontend: http://localhost:3000
+   - API: http://localhost:3000/api
+   - API Docs: http://localhost:3000/api-docs
 
-Create new files in `src/pages/`:
-- `src/pages/about.js` → `/about`
-- `src/pages/contact.js` → `/contact`
-- `src/pages/blog/index.js` → `/blog`
+## 🎯 Default Credentials
 
-## Adding API Routes
+For demo purposes, you can login with:
+- **Username**: `admin` or `user`
+- **Password**: `password`
 
-Create new files in `src/api/`:
-- `src/api/users.js` → `/api/users`
-- `src/api/posts/index.js` → `/api/posts`
-- `src/api/posts/[id].js` → `/api/posts/:id`
+## 📁 Project Structure
 
-Each API file should export functions named after HTTP methods:
-```javascript
-export function get(req, res) { /* ... */ }
-export function post(req, res) { /* ... */ }
-export function put(req, res) { /* ... */ }
-export function delete(req, res) { /* ... */ }
-```