boilercraft 1.0.0

package/templates/laravel-full/resources/js/Pages/Home.vue

@@ -0,0 +1,76 @@
+<script setup>
+import { ref } from 'vue';
+
+defineProps({
+  appName: String,
+  description: String,
+  author: String,
+  framework: String,
+  frontend: String,
+  database: String
+});
+
+const isModalOpen = ref(false);
+const isDrawerOpen = ref(false);
+</script>
+
+<template>
+  <div class="min-h-screen bg-slate-50 text-slate-900 p-8">
+    <div class="max-w-4xl mx-auto text-center">
+      <div class="w-16 h-16 rounded-2xl bg-sky-600 text-white text-3xl font-extrabold flex items-center justify-center mx-auto mb-4 shadow-md">
+        {{ appName ? appName.charAt(0) : 'L' }}
+      </div>
+      
+      <h1 class="text-4xl font-extrabold mb-2 tracking-tight text-slate-900">{{ appName }}</h1>
+      <p class="text-lg text-slate-600 mb-6">{{ description }}</p>
+      
+      <div class="inline-flex items-center gap-3 px-4 py-2 rounded-full bg-white border border-slate-200 text-sm font-semibold mb-8 shadow-sm">
+        <span class="text-red-500 font-bold">🔴 {{ framework }}</span>
+        <span>•</span>
+        <span class="text-emerald-600 font-bold">🟢 {{ frontend }}</span>
+        <span>•</span>
+        <span class="text-sky-600 font-bold">🗄️ {{ database.toUpperCase() }}</span>
+      </div>
+
+      <!-- Action Buttons -->
+      <div class="flex gap-4 justify-center mb-8">
+        <button @click="isModalOpen = true" class="px-5 py-2.5 rounded-lg bg-sky-600 text-white font-semibold hover:bg-sky-700 transition">
+          Open Demo Modal
+        </button>
+        <button @click="isDrawerOpen = true" class="px-5 py-2.5 rounded-lg border border-slate-300 bg-white font-semibold hover:bg-slate-100 transition">
+          Open Offcanvas Drawer
+        </button>
+      </div>
+
+      <!-- System Architecture Details -->
+      <div class="p-6 rounded-xl bg-white border border-slate-200 text-left shadow-sm">
+        <h3 class="text-lg font-bold mb-3">Included Architecture:</h3>
+        <ul class="space-y-2 text-sm text-slate-600">
+          <li class="flex items-center gap-2">✓ <strong>Artisan CLI:</strong> Full <code>php artisan</code> support included.</li>
+          <li class="flex items-center gap-2">✓ <strong>Database:</strong> Native Eloquent ORM & Migrations configured for {{ database.toUpperCase() }}.</li>
+          <li class="flex items-center gap-2">✓ <strong>Frontend:</strong> Vue 3 Composition API with Inertia.js & Vite HMR.</li>
+          <li class="flex items-center gap-2">✓ <strong>Maintainer:</strong> Built with BoilerCraft by {{ author }}.</li>
+        </ul>
+      </div>
+    </div>
+
+    <!-- Modal Dialog -->
+    <div v-if="isModalOpen" class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-xs">
+      <div class="bg-white border border-slate-200 p-6 rounded-xl max-w-md w-full shadow-2xl">
+        <h3 class="text-lg font-bold mb-2">Action Modal</h3>
+        <p class="text-sm text-slate-600 mb-4">This Vue component is pre-wired and ready for your forms.</p>
+        <button @click="isModalOpen = false" class="w-full py-2 bg-sky-600 text-white rounded-lg font-semibold hover:bg-sky-700">Close</button>
+      </div>
+    </div>
+
+    <!-- Offcanvas Drawer -->
+    <div v-if="isDrawerOpen" class="fixed inset-0 z-50 bg-black/30" @click="isDrawerOpen = false"></div>
+    <div :class="['fixed top-0 left-0 bottom-0 w-80 bg-white border-r border-slate-200 p-6 z-50 transition-transform duration-300', isDrawerOpen ? 'translate-x-0' : '-translate-x-full']">
+      <div class="flex justify-between items-center mb-6">
+        <h4 class="font-bold">Navigation Drawer</h4>
+        <button @click="isDrawerOpen = false" class="text-xl">&times;</button>
+      </div>
+      <p class="text-sm text-slate-600">Vue 3 offcanvas drawer with clean responsive layout.</p>
+    </div>
+  </div>
+</template>

package/templates/laravel-full/resources/js/app.js

@@ -0,0 +1,21 @@
+import './bootstrap';
+import '../css/app.css';
+
+import { createApp, h } from 'vue';
+import { createInertiaApp } from '@inertiajs/vue3';
+import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';
+
+const appName = import.meta.env.VITE_APP_NAME || '{{APP_TITLE}}';
+
+createInertiaApp({
+    title: (title) => `${title} - ${appName}`,
+    resolve: (name) => resolvePageComponent(`./Pages/${name}.vue`, import.meta.glob('./Pages/**/*.vue')),
+    setup({ el, App, props, plugin }) {
+        return createApp({ render: () => h(App, props) })
+            .use(plugin)
+            .mount(el);
+    },
+    progress: {
+        color: '#0284c7',
+    },
+});

package/templates/laravel-full/resources/js/bootstrap.js

@@ -0,0 +1,3 @@
+import axios from 'axios';
+window.axios = axios;
+window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

package/templates/laravel-full/resources/views/app.blade.php

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title inertia>{{ config('app.name', 'Laravel') }}</title>
+
+        <!-- Scripts -->
+        @vite(['resources/js/app.js', 'resources/css/app.css'])
+        @inertiaHead
+    </head>
+    <body class="font-sans antialiased bg-slate-50 text-slate-900">
+        @inertia
+    </body>
+</html>

package/templates/laravel-full/routes/api.php

@@ -0,0 +1,8 @@
+<?php
+
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Route;
+
+Route::get('/user', function (Request $request) {
+    return $request->user();
+})->middleware('auth:sanctum');

package/templates/laravel-full/routes/console.php

@@ -0,0 +1,7 @@
+<?php
+
+use Illuminate\Support\Facades\Artisan;
+
+Artisan::command('inspire', function () {
+    $this->comment("Build remarkable apps with BoilerCraft by ARG RABBI.");
+})->purpose('Display an inspiring quote');

package/templates/laravel-full/routes/web.php

@@ -0,0 +1,24 @@
+<?php
+
+use Illuminate\Support\Facades\Route;
+use Inertia\Inertia;
+use App\Http\Controllers\HomeController;
+use App\Http\Controllers\AuthController;
+
+Route::get('/', [HomeController::class, 'index']);
+
+// Authentication Routes
+Route::post('/login', [AuthController::class, 'login'])->name('login');
+Route::post('/register', [AuthController::class, 'register'])->name('register');
+Route::post('/logout', [AuthController::class, 'logout'])->name('logout');
+
+Route::get('/health', function () {
+    return response()->json([
+        'status' => 'online',
+        'app' => '{{APP_TITLE}}',
+        'framework' => 'Laravel',
+        'php' => PHP_VERSION,
+        'timestamp' => now()
+    ]);
+});
+

package/templates/laravel-full/tailwind.config.js

@@ -0,0 +1,12 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./resources/**/*.blade.php",
+    "./resources/**/*.js",
+    "./resources/**/*.vue",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}

package/templates/laravel-full/vite.config.js

@@ -0,0 +1,20 @@
+import { defineConfig } from 'vite';
+import laravel from 'laravel-vite-plugin';
+import vue from '@vitejs/plugin-vue';
+
+export default defineConfig({
+    plugins: [
+        laravel({
+            input: ['resources/css/app.css', 'resources/js/app.js'],
+            refresh: true,
+        }),
+        vue({
+            template: {
+                transformAssetUrls: {
+                    base: null,
+                    includeAbsolute: false,
+                },
+            },
+        }),
+    ],
+});

package/templates/laravel-vue/app/Http/Controllers/Auth/AuthenticatedSessionController.php

@@ -0,0 +1,43 @@
+<?php
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Inertia\Inertia;
+use Inertia\Response;
+
+class AuthenticatedSessionController extends Controller
+{
+    public function create(): Response
+    {
+        return Inertia::render('Auth/Login', [
+            'status' => session('status'),
+        ]);
+    }
+
+    public function store(Request $request)
+    {
+        $credentials = $request->validate([
+            'email' => ['required', 'email'],
+            'password' => ['required'],
+        ]);
+
+        if (Auth::attempt($credentials)) {
+            $request->session()->regenerate();
+            return redirect()->intended('/dashboard');
+        }
+
+        return back()->withErrors([
+            'email' => 'The provided credentials do not match our records.',
+        ]);
+    }
+
+    public function destroy(Request $request)
+    {
+        Auth::guard('web')->logout();
+        $request->session()->invalidate();
+        $request->session()->regenerateToken();
+        return redirect('/');
+    }
+}

package/templates/laravel-vue-mysql/app/Http/Controllers/HomeController.php

@@ -0,0 +1,25 @@
+<?php
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use Inertia\Inertia;
+use Inertia\Response;
+
+class HomeController extends Controller
+{
+    public function index(): Response
+    {
+        return Inertia::render('Home', [
+            'appName' => '{{APP_TITLE}}',
+            'description' => '{{APP_DESC}}',
+            'author' => '{{AUTHOR}}',
+            'database' => 'MySQL',
+            'features' => [
+                'Laravel 11 Enterprise Framework',
+                'Vue 3 Composition API & Vite',
+                'Tailwind CSS & Theme Switcher',
+                'MySQL Eloquent ORM'
+            ]
+        ]);
+    }
+}

package/templates/laravel-vue-mysql/resources/js/Pages/Home.vue

@@ -0,0 +1,70 @@
+<script setup>
+import { ref } from 'vue';
+
+defineProps({
+  appName: String,
+  description: String,
+  author: String,
+  features: Array
+});
+
+const isModalOpen = ref(false);
+const isDrawerOpen = ref(false);
+</script>
+
+<template>
+  <div class="min-h-screen bg-[var(--color-bg)] text-[var(--color-text)] p-8">
+    <div class="max-w-4xl mx-auto text-center">
+      <div class="w-16 h-16 rounded-2xl bg-[var(--color-primary)] text-white text-3xl font-extrabold flex items-center justify-center mx-auto mb-4 shadow-lg shadow-[var(--color-primary)]/20">
+        {{ appName ? appName.charAt(0) : 'L' }}
+      </div>
+      
+      <h1 class="text-4xl font-extrabold mb-2 tracking-tight">{{ appName }}</h1>
+      <p class="text-lg text-[var(--color-text-muted)] mb-6">{{ description }}</p>
+      
+      <div class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-[var(--color-surface)] border border-[var(--color-border)] text-sm font-semibold mb-8">
+        <span>Laravel 11 + Vue 3 + MySQL</span>
+        <span class="text-[var(--color-primary)] font-bold">● Active</span>
+      </div>
+
+      <!-- Action Buttons for Modal and Drawer -->
+      <div class="flex gap-4 justify-center mb-8">
+        <button @click="isModalOpen = true" class="px-5 py-2.5 rounded-xl bg-[var(--color-primary)] text-white font-semibold hover:opacity-90 transition">
+          Open Demo Modal
+        </button>
+        <button @click="isDrawerOpen = true" class="px-5 py-2.5 rounded-xl border border-[var(--color-border)] bg-[var(--color-surface)] font-semibold hover:bg-[var(--color-surface-hover)] transition">
+          Open Offcanvas Drawer
+        </button>
+      </div>
+
+      <!-- Feature Card -->
+      <div class="p-6 rounded-2xl bg-[var(--color-surface)] border border-[var(--color-border)] text-left shadow-xl">
+        <h3 class="text-lg font-bold mb-4">Included Architectures:</h3>
+        <ul class="space-y-2">
+          <li v-for="(feat, idx) in features" :key="idx" class="flex items-center gap-2 text-sm text-[var(--color-text-muted)]">
+            <span class="text-emerald-500 font-bold">✓</span> {{ feat }}
+          </li>
+        </ul>
+      </div>
+    </div>
+
+    <!-- Modal Component -->
+    <div v-if="isModalOpen" class="fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm">
+      <div class="bg-[var(--color-surface)] border border-[var(--color-border)] p-6 rounded-2xl max-w-md w-full shadow-2xl">
+        <h3 class="text-lg font-bold mb-2">Enterprise Modal</h3>
+        <p class="text-sm text-[var(--color-text-muted)] mb-4">This Vue modal component is pre-wired to BoilerCraft design tokens.</p>
+        <button @click="isModalOpen = false" class="w-full py-2 bg-[var(--color-primary)] text-white rounded-lg font-semibold">Close</button>
+      </div>
+    </div>
+
+    <!-- Drawer Component -->
+    <div v-if="isDrawerOpen" class="fixed inset-0 z-50 bg-black/40" @click="isDrawerOpen = false"></div>
+    <div :class="['fixed top-0 left-0 bottom-0 w-80 bg-[var(--color-surface)] border-r border-[var(--color-border)] p-6 z-50 transition-transform duration-300', isDrawerOpen ? 'translate-x-0' : '-translate-x-full']">
+      <div class="flex justify-between items-center mb-6">
+        <h4 class="font-bold">Navigation Drawer</h4>
+        <button @click="isDrawerOpen = false" class="text-xl">&times;</button>
+      </div>
+      <p class="text-sm text-[var(--color-text-muted)]">Vue 3 composition offcanvas drawer ready for your menu links.</p>
+    </div>
+  </div>
+</template>

package/templates/nextjs/src/app/api/auth/login/route.js

@@ -0,0 +1,28 @@
+import { NextResponse } from 'next/server';
+
+export async function POST(request) {
+  try {
+    const body = await request.json();
+    const { email, password } = body;
+
+    if (email === 'admin@example.com' && password === 'admin123') {
+      return NextResponse.json({
+        success: true,
+        user: { id: 1, name: 'Admin User', email, role: 'admin' },
+        token: 'mock_jwt_token_admin'
+      });
+    }
+
+    if (email && password) {
+      return NextResponse.json({
+        success: true,
+        user: { id: 2, name: 'Regular User', email, role: 'user' },
+        token: 'mock_jwt_token_user'
+      });
+    }
+
+    return NextResponse.json({ success: false, error: 'Invalid credentials' }, { status: 401 });
+  } catch (error) {
+    return NextResponse.json({ success: false, error: error.message }, { status: 500 });
+  }
+}

package/templates/nextjs-mongodb/src/app/api/health/route.js

@@ -0,0 +1,17 @@
+import { NextResponse } from 'next/server';
+import { connectToDatabase } from '@/lib/mongodb';
+
+export async function GET() {
+  try {
+    await connectToDatabase();
+    return NextResponse.json({
+      status: 'online',
+      stack: 'Next.js App Router',
+      database: 'MongoDB (Mongoose)',
+      appName: '{{APP_TITLE}}',
+      author: '{{AUTHOR}}'
+    });
+  } catch (error) {
+    return NextResponse.json({ success: false, error: error.message }, { status: 500 });
+  }
+}

package/templates/nextjs-mongodb/src/lib/mongodb.js

@@ -0,0 +1,18 @@
+const mongoose = require('mongoose');
+
+let isConnected = false;
+
+export async function connectToDatabase() {
+  if (isConnected) {
+    return;
+  }
+  const uri = process.env.MONGODB_URI || 'mongodb://127.0.0.1:27017/{{PROJECT_NAME}}';
+  try {
+    const db = await mongoose.connect(uri);
+    isConnected = db.connections[0].readyState;
+    console.log('⚡ Connected to MongoDB (Next.js App Router)');
+  } catch (err) {
+    console.error('MongoDB connection error:', err);
+    throw err;
+  }
+}

package/templates/nextjs-mssql/src/app/api/health/route.js

@@ -0,0 +1,24 @@
+import { NextResponse } from 'next/server';
+import { getMssqlPool } from '@/lib/mssql';
+
+export async function GET() {
+  try {
+    const pool = await getMssqlPool();
+    const result = await pool.request().query('SELECT @@VERSION as version, GETDATE() as currentTime');
+    
+    return NextResponse.json({
+      status: 'online',
+      stack: 'Next.js App Router',
+      database: 'Microsoft SQL Server (MSSQL)',
+      appName: '{{APP_TITLE}}',
+      author: '{{AUTHOR}}',
+      dbInfo: result.recordset[0]
+    });
+  } catch (error) {
+    return NextResponse.json({
+      status: 'database_unreachable_or_offline',
+      stack: 'Next.js App Router + MSSQL',
+      message: error.message
+    }, { status: 500 });
+  }
+}

package/templates/nextjs-mssql/src/lib/mssql.js

@@ -0,0 +1,38 @@
+import sql from 'mssql';
+
+const sqlConfig = {
+  user: process.env.DB_USER || 'sa',
+  password: process.env.DB_PASSWORD || 'YourStrong@Password',
+  database: process.env.DB_NAME || '{{PROJECT_NAME}}',
+  server: process.env.DB_HOST || 'localhost',
+  port: parseInt(process.env.DB_PORT || '1433'),
+  pool: {
+    max: 10,
+    min: 0,
+    idleTimeoutMillis: 30000
+  },
+  options: {
+    encrypt: false, // Set to true for Azure
+    trustServerCertificate: true
+  }
+};
+
+let poolPromise = null;
+
+export async function getMssqlPool() {
+  if (!poolPromise) {
+    poolPromise = sql.connect(sqlConfig)
+      .then(pool => {
+        console.log('⚡ Connected to MSSQL Server (Next.js App Router)');
+        return pool;
+      })
+      .catch(err => {
+        poolPromise = null;
+        console.error('Database connection failed:', err);
+        throw err;
+      });
+  }
+  return poolPromise;
+}
+
+export { sql };

package/templates/node-express/src/controllers/authController.js

@@ -0,0 +1,53 @@
+const bcrypt = require('bcryptjs');
+const jwt = require('jsonwebtoken');
+const { JWT_SECRET } = require('../middlewares/auth');
+
+// In-memory or dynamic model fallback
+let usersTable = [];
+
+exports.register = async (req, res) => {
+  const { name, email, password, role = 'user' } = req.body;
+  if (!name || !email || !password) {
+    return res.status(400).json({ success: false, error: 'Name, email, and password required.' });
+  }
+
+  const existing = usersTable.find(u => u.email === email);
+  if (existing) {
+    return res.status(409).json({ success: false, error: 'User already exists.' });
+  }
+
+  const hashedPassword = await bcrypt.hash(password, 10);
+  const newUser = { id: usersTable.length + 1, name, email, password: hashedPassword, role };
+  usersTable.push(newUser);
+
+  const token = jwt.sign({ id: newUser.id, name: newUser.name, email: newUser.email, role: newUser.role }, JWT_SECRET, { expiresIn: '7d' });
+
+  res.status(201).json({
+    success: true,
+    message: 'User registered successfully',
+    token,
+    user: { id: newUser.id, name: newUser.name, email: newUser.email, role: newUser.role }
+  });
+};
+
+exports.login = async (req, res) => {
+  const { email, password } = req.body;
+  const user = usersTable.find(u => u.email === email);
+
+  if (!user || !(await bcrypt.compare(password, user.password))) {
+    return res.status(401).json({ success: false, error: 'Invalid credentials.' });
+  }
+
+  const token = jwt.sign({ id: user.id, name: user.name, email: user.email, role: user.role }, JWT_SECRET, { expiresIn: '7d' });
+
+  res.json({
+    success: true,
+    message: 'Login successful',
+    token,
+    user: { id: user.id, name: user.name, email: user.email, role: user.role }
+  });
+};
+
+exports.getProfile = (req, res) => {
+  res.json({ success: true, user: req.user });
+};

package/templates/node-express/src/middlewares/auth.js

@@ -0,0 +1,36 @@
+const jwt = require('jsonwebtoken');
+
+const JWT_SECRET = process.env.JWT_SECRET || 'super_secret_jwt_key_boiler_craft_2026';
+
+function auth(req, res, next) {
+  const authHeader = req.headers['authorization'];
+  const token = authHeader && authHeader.split(' ')[1];
+
+  if (!token) {
+    return res.status(401).json({ success: false, error: 'Access denied. No token provided.' });
+  }
+
+  try {
+    const decoded = jwt.verify(token, JWT_SECRET);
+    req.user = decoded;
+    next();
+  } catch (err) {
+    return res.status(403).json({ success: false, error: 'Invalid or expired token.' });
+  }
+}
+
+function role(allowedRoles = []) {
+  if (typeof allowedRoles === 'string') allowedRoles = [allowedRoles];
+
+  return (req, res, next) => {
+    if (!req.user) {
+      return res.status(401).json({ success: false, error: 'Unauthenticated.' });
+    }
+    if (!allowedRoles.includes(req.user.role)) {
+      return res.status(403).json({ success: false, error: 'Forbidden. Insufficient permissions.' });
+    }
+    next();
+  };
+}
+
+module.exports = { auth, role, JWT_SECRET };

package/templates/node-express/src/routes/authRoutes.js

@@ -0,0 +1,16 @@
+const express = require('express');
+const router = express.Router();
+const { register, login, getProfile } = require('../controllers/authController');
+const { auth, role } = require('../middlewares/auth');
+
+// Public
+router.post('/register', register);
+router.post('/login', login);
+
+// Protected Routes
+router.get('/profile', auth, getProfile);
+router.get('/admin', auth, role('admin'), (req, res) => {
+  res.json({ success: true, message: 'Welcome to Admin Authorized Area!', user: req.user });
+});
+
+module.exports = router;

package/templates/node-mongodb/src/controllers/userController.js

@@ -0,0 +1,30 @@
+const User = require('../models/User');
+
+exports.getHealth = async (req, res) => {
+  res.json({
+    status: 'online',
+    app: '{{APP_TITLE}}',
+    description: '{{APP_DESC}}',
+    author: '{{AUTHOR}}',
+    database: 'MongoDB connected via Mongoose',
+    timestamp: new Date().toISOString()
+  });
+};
+
+exports.getUsers = async (req, res, next) => {
+  try {
+    const users = await User.find().sort({ createdAt: -1 }).limit(20);
+    res.json({ success: true, count: users.length, data: users });
+  } catch (err) {
+    next(err);
+  }
+};
+
+exports.createUser = async (req, res, next) => {
+  try {
+    const user = await User.create(req.body);
+    res.status(201).json({ success: true, data: user });
+  } catch (err) {
+    next(err);
+  }
+};

package/templates/node-mongodb/src/middlewares/errorHandler.js

@@ -0,0 +1,8 @@
+module.exports = (err, req, res, next) => {
+  console.error('[Error Logger]:', err);
+  const status = err.statusCode || 500;
+  res.status(status).json({
+    success: false,
+    error: err.message || 'Internal Server Error'
+  });
+};

package/templates/node-mongodb/src/models/User.js

@@ -0,0 +1,23 @@
+const mongoose = require('mongoose');
+
+const UserSchema = new mongoose.Schema({
+  name: {
+    type: String,
+    required: [true, 'Name is required'],
+    trim: true
+  },
+  email: {
+    type: String,
+    required: [true, 'Email is required'],
+    unique: true,
+    lowercase: true,
+    trim: true
+  },
+  role: {
+    type: String,
+    enum: ['user', 'admin'],
+    default: 'user'
+  }
+}, { timestamps: true });
+
+module.exports = mongoose.model('User', UserSchema);

package/templates/node-mongodb/src/routes/api.js

@@ -0,0 +1,9 @@
+const express = require('express');
+const router = express.Router();
+const { getHealth, getUsers, createUser } = require('../controllers/userController');
+
+router.get('/health', getHealth);
+router.get('/users', getUsers);
+router.post('/users', createUser);
+
+module.exports = router;