arcanajs 2.6.0 → 3.0.0

package/framework/templates/src/client/index.tsx

@@ -1,7 +0,0 @@
-import { hydrateArcanaJS } from "arcanajs/client";
-import "./globals.css";
-
-// @ts-ignore
-const views = require("arcana-views");
-
-hydrateArcanaJS(views);

package/framework/templates/src/db/mongo.ts

@@ -1,10 +0,0 @@
-export default async function dbConnect() {
-  // Example MongoDB connection using the official driver
-  const { MongoClient } = await import("mongodb");
-  const url = process.env.MONGO_URL || "mongodb://localhost:27017";
-  const dbName = process.env.MONGO_DB || "mydb";
-  const client = new MongoClient(url);
-  await client.connect();
-  const db = client.db(dbName);
-  return { client, db };
-}

package/framework/templates/src/db/mongoose.ts

@@ -1,12 +0,0 @@
-import mongoose from "mongoose";
-
-export default async function dbConnect() {
-  const uri =
-    process.env.MONGOOSE_URI ||
-    process.env.MONGO_URL ||
-    "mongodb://localhost:27017/mydb";
-  const options = {} as mongoose.ConnectOptions;
-
-  await mongoose.connect(uri, options);
-  return mongoose;
-}

package/framework/templates/src/db/mysql.ts

@@ -1,15 +0,0 @@
-export default async function dbConnect() {
-  const mysql = await import("mysql2/promise");
-  const uri = process.env.MYSQL_URL;
-  if (uri) {
-    return await mysql.createConnection(uri as any);
-  }
-
-  const connection = await mysql.createConnection({
-    host: process.env.MYSQL_HOST || "localhost",
-    user: process.env.MYSQL_USER || "root",
-    database: process.env.MYSQL_DB || "mydb",
-    password: process.env.MYSQL_PASSWORD || undefined,
-  });
-  return connection;
-}

package/framework/templates/src/db/postgres.ts

@@ -1,8 +0,0 @@
-export default async function dbConnect() {
-  const { Client } = await import("pg");
-  const connectionString =
-    process.env.PG_CONNECTION || process.env.DATABASE_URL;
-  const client = new Client({ connectionString });
-  await client.connect();
-  return client;
-}

package/framework/templates/src/server/controllers/HomeController.ts

@@ -1,19 +0,0 @@
-import { Request, Response } from "arcanajs/server";
-import type { HomePageData } from "../../types/HomePageData";
-
-export default class HomeController {
-  home(_req: Request, res: Response) {
-    // Provide example page data to demonstrate passing data to the view
-    const data: HomePageData = {
-      welcome: "Welcome to ArcanaJS",
-      subtitle: "A modern React framework with server-side rendering",
-      time: new Date().toISOString(),
-      posts: [
-        { id: 1, title: "Getting started with ArcanaJS" },
-        { id: 2, title: "Building fast apps with SSR" },
-      ],
-    };
-
-    res.renderPage("HomePage", data);
-  }
-}

package/framework/templates/src/server/controllers/UsersController.ts

@@ -1,37 +0,0 @@
-import { Request, Response } from "arcanajs/server";
-
-/**
- * UsersController - example controller for users endpoints.
- */
-export default class UsersController {
-  async users(req: Request, res: Response) {
-    try {
-      const normalized: any = (req as any).db || req.app?.locals?.db;
-      if (!normalized) return res.error("No DB connection", 500, null, null);
-
-      const client: any = normalized.client || normalized;
-      const db: any = normalized.db || normalized;
-
-      if (db && typeof db.collection === "function") {
-        const users = await db.collection("users").find().toArray();
-        return res.success(users, "Users retrieved successfully", 200);
-      }
-
-      if (client && typeof client.query === "function") {
-        const result = await client.query("SELECT * FROM users LIMIT 100");
-        const rows = result.rows || result[0] || result;
-        return res.success(rows, "Users retrieved successfully", 200);
-      }
-
-      return res.error(
-        "Unsupported DB client in template example",
-        400,
-        null,
-        null
-      );
-    } catch (err) {
-      console.error(err);
-      return res.error("Query failed", 500, err as any, null);
-    }
-  }
-}

package/framework/templates/src/server/index.ts

@@ -1,38 +0,0 @@
-import { ArcanaJSServer } from "arcanajs/server";
-import apiRoutes from "./routes/api";
-import webRoutes from "./routes/web";
-
-// Example DB connectors included in templates:
-// import mongoDb from '../db/mongo';
-// import mongooseDb from '../db/mongoose';
-// import pgDb from '../db/postgres';
-// import mysqlDb from '../db/mysql';
-
-const PORT = process.env.PORT || 3000;
-
-const server = new ArcanaJSServer({
-  port: PORT,
-  routes: webRoutes,
-  // Separate API routes (mounted under /api by default)
-  apiRoutes: apiRoutes,
-  // To change the base path, set apiBase: '/v1' for example or similar
-  apiBase: "/api",
-  // Example: provide a dbConnect function that returns the DB client/connection.
-  // You can connect to MySQL/Postgres/MongoDB here and return the client.
-  // dbConnect: async () => {
-  // const { MongoClient } = await import("mongodb");
-  // const url = process.env.MONGO_URL || "mongodb://localhost:27017";
-  // const dbName = process.env.MONGO_DB || "mydb";
-  // const client = new MongoClient(url);
-  // await client.connect();
-  // const db = client.db(dbName);
-  // return { client, db };
-  // },
-  // Or use one of the provided DB templates (uncomment one):
-  // dbConnect: mongoDb,
-  // dbConnect: mongooseDb,
-  // dbConnect: pgDb,
-  // dbConnect: mysqlDb,
-});
-
-server.start();

package/framework/templates/src/server/routes/api.ts

@@ -1,6 +0,0 @@
-import { Route } from "arcanajs/server";
-import UsersController from "../controllers/UsersController";
-
-Route.get("/users", [UsersController, "users"]);
-
-export default Route.getRouter();

package/framework/templates/src/server/routes/web.ts

@@ -1,7 +0,0 @@
-import { Route } from "arcanajs/server";
-
-import HomeController from "../controllers/HomeController";
-
-Route.get("/", [HomeController, "home"]);
-
-export default Route.getRouter();

package/framework/templates/src/types/HomePageData.ts

@@ -1,11 +0,0 @@
-export interface Post {
-  id: number;
-  title: string;
-}
-
-export interface HomePageData {
-  welcome: string;
-  subtitle?: string;
-  time?: string;
-  posts?: Post[];
-}

package/framework/templates/src/views/ErrorPage.tsx

@@ -1,136 +0,0 @@
-import { Body, Head, Link, Page } from "arcanajs";
-
-interface ErrorPageProps {
-  message?: string;
-  statusCode?: number;
-  stack?: string;
-}
-
-export default function ErrorPage({
-  message = "Something went wrong",
-  statusCode = 500,
-  stack,
-}: ErrorPageProps) {
-  const isDevelopment = process.env.NODE_ENV === "development";
-
-  return (
-    <Page>
-      <Head>
-        <title>{statusCode} - Server Error</title>
-        <meta name="description" content="An error occurred on the server" />
-      </Head>
-      <Body>
-        <div className="relative min-h-screen overflow-hidden bg-black text-white flex flex-col justify-center items-center px-4 font-sans">
-          {/* Animated Background */}
-          <div className="fixed inset-0 z-0 overflow-hidden pointer-events-none">
-            <div className="absolute inset-0 grid-pattern opacity-30"></div>
-            <div className="absolute top-1/4 right-1/4 w-96 h-96 bg-red-600 rounded-full opacity-20 blur-3xl animate-glow"></div>
-            <div
-              className="absolute bottom-1/4 left-1/4 w-96 h-96 bg-orange-600 rounded-full opacity-10 blur-3xl animate-glow"
-              style={{ animationDelay: "2s" }}
-            ></div>
-            <div className="absolute inset-0 hero-gradient"></div>
-          </div>
-
-          <div className="relative z-10 max-w-2xl w-full text-center animate-scale-in">
-            <div className="glass-card rounded-3xl p-12 border border-white/10 shadow-2xl">
-              <div className="mb-8">
-                <div className="text-6xl mb-6 animate-float">
-                  <span className="text-red-500 drop-shadow-lg filter">⚠️</span>
-                </div>
-                <h1 className="text-8xl font-bold text-transparent bg-clip-text bg-gradient-to-br from-red-500 to-orange-500 mb-4">
-                  {statusCode}
-                </h1>
-                <h2 className="text-3xl font-bold text-white mb-4">
-                  Server Error
-                </h2>
-                <p className="text-gray-400 text-lg leading-relaxed">
-                  {message}
-                </p>
-              </div>
-
-              <div className="flex flex-col sm:flex-row gap-4 justify-center mb-8">
-                <Link
-                  href="/"
-                  className="btn-primary px-8 py-3.5 text-white font-semibold rounded-xl inline-flex items-center justify-center gap-2 w-full sm:w-auto bg-gradient-to-r from-red-600 to-orange-600 hover:from-red-500 hover:to-orange-500 border-none shadow-red-900/20"
-                >
-                  <svg
-                    className="w-5 h-5"
-                    fill="none"
-                    stroke="currentColor"
-                    viewBox="0 0 24 24"
-                  >
-                    <path
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                      strokeWidth={2}
-                      d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
-                    />
-                  </svg>
-                  Go Home
-                </Link>
-
-                <button
-                  onClick={() => window.location.reload()}
-                  className="btn-secondary px-8 py-3.5 text-white font-semibold rounded-xl inline-flex items-center justify-center gap-2 w-full sm:w-auto"
-                >
-                  <svg
-                    className="w-5 h-5"
-                    fill="none"
-                    stroke="currentColor"
-                    viewBox="0 0 24 24"
-                  >
-                    <path
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                      strokeWidth={2}
-                      d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
-                    />
-                  </svg>
-                  Try Again
-                </button>
-              </div>
-
-              {isDevelopment && stack && (
-                <div className="mt-8 text-left animate-slide-up">
-                  <details className="bg-black/40 border border-white/10 rounded-xl overflow-hidden group">
-                    <summary className="cursor-pointer font-medium text-gray-300 p-4 hover:bg-white/5 transition-colors flex items-center justify-between select-none">
-                      <span>Stack Trace (Development Only)</span>
-                      <svg
-                        className="w-5 h-5 text-gray-500 group-open:rotate-180 transition-transform"
-                        fill="none"
-                        stroke="currentColor"
-                        viewBox="0 0 24 24"
-                      >
-                        <path
-                          strokeLinecap="round"
-                          strokeLinejoin="round"
-                          strokeWidth={2}
-                          d="M19 9l-7 7-7-7"
-                        />
-                      </svg>
-                    </summary>
-                    <pre className="text-xs text-red-300/80 p-4 overflow-x-auto whitespace-pre-wrap font-mono border-t border-white/5 bg-black/20">
-                      {stack}
-                    </pre>
-                  </details>
-                </div>
-              )}
-            </div>
-
-            <div className="mt-8 text-gray-500 text-sm">
-              If this problem persists, please{" "}
-              <Link
-                href="/contact"
-                className="text-red-400 hover:text-red-300 underline transition-colors"
-              >
-                contact support
-              </Link>
-              .
-            </div>
-          </div>
-        </div>
-      </Body>
-    </Page>
-  );
-}