arcanajs 2.3.6 → 2.5.0

package/framework/lib/shared/views/NotFoundPage.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = NotFoundPage;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Body_1 = require("../components/Body");
-const Head_1 = require("../components/Head");
-const Link_1 = require("../components/Link");
-const Page_1 = require("../components/Page");
-function NotFoundPage({ url }) {
-    return ((0, jsx_runtime_1.jsxs)(Page_1.Page, { children: [(0, jsx_runtime_1.jsxs)(Head_1.Head, { children: [(0, jsx_runtime_1.jsx)("title", { children: "404 - Page Not Found" }), (0, jsx_runtime_1.jsx)("meta", { name: "description", content: "The page you're looking for doesn't exist" })] }), (0, jsx_runtime_1.jsx)(Body_1.Body, { children: (0, jsx_runtime_1.jsxs)("div", { className: "relative min-h-screen overflow-hidden bg-black text-white flex flex-col justify-center items-center px-4 font-sans", children: [(0, jsx_runtime_1.jsxs)("div", { className: "fixed inset-0 z-0 overflow-hidden pointer-events-none", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 grid-pattern opacity-30" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute top-1/4 left-1/4 w-96 h-96 bg-orange-500 rounded-full opacity-20 blur-3xl animate-glow" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute bottom-1/4 right-1/4 w-96 h-96 bg-purple-500 rounded-full opacity-10 blur-3xl animate-glow", style: { animationDelay: "2s" } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 hero-gradient" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "relative z-10 max-w-lg w-full text-center animate-scale-in", children: [(0, jsx_runtime_1.jsxs)("div", { className: "glass-card rounded-3xl p-12 border border-white/10 shadow-2xl", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-8", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-9xl font-bold text-transparent bg-clip-text bg-gradient-to-br from-white to-gray-500 mb-4 animate-float", children: "404" }), (0, jsx_runtime_1.jsx)("h2", { className: "text-3xl font-bold text-white mb-4", children: "Page Not Found" }), (0, jsx_runtime_1.jsx)("p", { className: "text-gray-400 text-lg leading-relaxed", children: url ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["The page ", (0, jsx_runtime_1.jsxs)("span", { className: "text-orange-400", children: ["\"", url, "\""] }), " ", "you're looking for doesn't exist."] })) : ("The page you're looking for doesn't exist.") })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col sm:flex-row gap-4 justify-center", children: [(0, jsx_runtime_1.jsxs)(Link_1.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", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("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" }) }), "Go Home"] }), (0, jsx_runtime_1.jsxs)("button", { onClick: () => window.history.back(), 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", children: [(0, jsx_runtime_1.jsx)("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 19l-7-7m0 0l7-7m-7 7h18" }) }), "Go Back"] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-8 text-gray-500 text-sm", children: ["If you believe this is an error, please", " ", (0, jsx_runtime_1.jsx)(Link_1.Link, { href: "/contact", className: "text-orange-400 hover:text-orange-300 underline transition-colors", children: "contact support" }), "."] })] })] }) })] }));
-}

package/framework/lib/types.d.ts

@@ -1,174 +0,0 @@
-/**
- * ArcanaJS Framework - Centralized Type Definitions
- *
- * This file exports all public TypeScript types and interfaces
- * for the ArcanaJS framework.
- */
-export type { ArcanaJSConfig } from "./server/ArcanaJSServer";
-export type { ArcanaJSAppProps } from "./shared/core/ArcanaJSApp";
-export type { HeadManager } from "./shared/context/HeadContext";
-export type { RouterContextType } from "./shared/context/RouterContext";
-import type React from "react";
-/**
- * Props for the Page component
- */
-export interface PageProps {
-    data?: any;
-    children?: React.ReactNode;
-}
-/**
- * Props for the Head component
- */
-export interface HeadProps {
-    children?: React.ReactNode;
-}
-/**
- * Props for the Body component
- */
-export interface BodyProps {
-    children?: React.ReactNode;
-}
-/**
- * Props for the Link component
- */
-export interface LinkProps {
-    to: string;
-    children?: React.ReactNode;
-    className?: string;
-    [key: string]: any;
-}
-/**
- * Props for the NavLink component
- */
-export interface NavLinkProps extends LinkProps {
-    activeClassName?: string;
-}
-/**
- * Return type for useRouter hook
- */
-export interface UseRouterReturn {
-    navigateTo: (url: string) => void;
-    currentPage: string;
-    currentUrl: string;
-    params: Record<string, string>;
-    csrfToken?: string;
-}
-/**
- * Return type for useParams hook
- */
-export type UseParamsReturn = Record<string, string>;
-/**
- * Return type for useLocation hook
- */
-export interface UseLocationReturn {
-    pathname: string;
-    search: string;
-    hash: string;
-}
-/**
- * Return type for useQuery hook
- */
-export type UseQueryReturn = URLSearchParams;
-/**
- * Return type for usePage hook
- */
-export type UsePageReturn = any;
-/**
- * Return type for useHead hook
- */
-export interface UseHeadReturn {
-    push: (tags: React.ReactNode) => void;
-}
-/**
- * View component type - a React functional component that can receive data and params
- */
-export type ViewComponent<T = any> = React.FC<{
-    data?: T;
-    params?: Record<string, string>;
-    navigateTo?: (url: string) => void;
-}>;
-/**
- * Views registry - maps view names to view components
- */
-export type ViewsRegistry = Record<string, React.FC<any>>;
-/**
- * Layout component type
- */
-export type LayoutComponent = React.FC<{
-    children: React.ReactNode;
-}>;
-import type { RequestHandler } from "express";
-/**
- * Controller class type
- */
-export type ControllerClass = new (...args: any[]) => any;
-/**
- * Route action - can be a handler function or a controller/method pair
- */
-export type RouteAction = RequestHandler | [ControllerClass, string];
-/**
- * User-facing configuration for ArcanaJS
- */
-export interface ArcanaJSUserConfig {
-    /**
-     * Server configuration
-     */
-    server?: {
-        /**
-         * Port to run the server on
-         * @default 3000
-         */
-        port?: number | string;
-        /**
-         * Static files directory
-         * @default "public"
-         */
-        staticDir?: string;
-        /**
-         * Distribution directory for built assets
-         * @default "dist/public"
-         */
-        distDir?: string;
-    };
-    /**
-     * Build configuration
-     */
-    build?: {
-        /**
-         * Output directory for build
-         * @default "dist"
-         */
-        outDir?: string;
-        /**
-         * Enable source maps
-         * @default true in development, false in production
-         */
-        sourcemap?: boolean;
-        /**
-         * Enable minification
-         * @default true in production, false in development
-         */
-        minify?: boolean;
-    };
-    /**
-     * Views configuration
-     */
-    views?: {
-        /**
-         * Directory containing view files
-         * @default "src/views"
-         */
-        dir?: string;
-        /**
-         * Custom layout component
-         */
-        layout?: LayoutComponent;
-    };
-}
-/**
- * Resolved internal configuration
- */
-export interface ResolvedArcanaJSConfig extends Required<ArcanaJSUserConfig> {
-    root: string;
-    mode: "development" | "production";
-}

package/framework/lib/types.js

@@ -1,8 +0,0 @@
-"use strict";
-/**
- * ArcanaJS Framework - Centralized Type Definitions
- *
- * This file exports all public TypeScript types and interfaces
- * for the ArcanaJS framework.
- */
-Object.defineProperty(exports, "__esModule", { value: true });

package/framework/templates/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>
-  );
-}