@nitronjs/framework 0.1.0

package/lib/View/Templates/default/Home.tsx

@@ -0,0 +1,262 @@
+import MainLayout from "./MainLayout";
+
+type HomeProps = {
+    name: string;
+};
+
+export default function Home({ name }: HomeProps) {
+    return (
+        <MainLayout title="Welcome to NitronJS">
+            <main style={{
+                flex: '1',
+                display: 'flex',
+                flexDirection: 'column',
+                justifyContent: 'center',
+                alignItems: 'center',
+                padding: '5rem 2rem',
+                textAlign: 'center',
+                position: 'relative'
+            }}>
+                {/* Animated gradient orb */}
+                <div style={{
+                    position: 'absolute',
+                    top: '20%',
+                    left: '50%',
+                    transform: 'translate(-50%, -50%)',
+                    width: '500px',
+                    height: '500px',
+                    background: 'radial-gradient(circle, rgba(0,112,243,0.15) 0%, transparent 70%)',
+                    borderRadius: '50%',
+                    filter: 'blur(60px)',
+                    pointerEvents: 'none',
+                    zIndex: '0'
+                }} />
+
+                <div style={{ position: 'relative', zIndex: '1' }}>
+                    <h1 style={{
+                        fontSize: '5rem',
+                        fontWeight: '800',
+                        margin: '0 0 1.5rem 0',
+                        lineHeight: '1.1',
+                        letterSpacing: '-0.03em'
+                    }}>
+                        Welcome to{' '}
+                        <span style={{
+                            background: 'linear-gradient(90deg, #0070f3 0%, #00d4ff 100%)',
+                            WebkitBackgroundClip: 'text',
+                            WebkitTextFillColor: 'transparent',
+                            backgroundClip: 'text',
+                            position: 'relative'
+                        }}>NitronJS!</span>
+                    </h1>
+
+                    <p style={{
+                        fontSize: '1.25rem',
+                        color: '#888',
+                        maxWidth: '600px',
+                        margin: '0 auto 3rem',
+                        lineHeight: '1.6'
+                    }}>
+                        The modern JavaScript framework for building fast, scalable applications
+                    </p>
+
+                    <div style={{
+                        display: 'flex',
+                        gap: '1rem',
+                        justifyContent: 'center',
+                        flexWrap: 'wrap',
+                        marginBottom: '4rem'
+                    }}>
+                        <a href="#" style={{
+                            padding: '0.875rem 2rem',
+                            background: '#0070f3',
+                            color: '#fff',
+                            borderRadius: '8px',
+                            textDecoration: 'none',
+                            fontWeight: '600',
+                            fontSize: '1rem',
+                            border: 'none',
+                            transition: 'all 0.2s ease',
+                            cursor: 'pointer'
+                        }}>
+                            Get Started →
+                        </a>
+                        <a href="#" style={{
+                            padding: '0.875rem 2rem',
+                            background: 'transparent',
+                            color: '#fff',
+                            borderRadius: '8px',
+                            textDecoration: 'none',
+                            fontWeight: '600',
+                            fontSize: '1rem',
+                            border: '1px solid #333',
+                            transition: 'all 0.2s ease',
+                            cursor: 'pointer'
+                        }}>
+                            Documentation
+                        </a>
+                    </div>
+
+                    <div style={{
+                        display: 'grid',
+                        gridTemplateColumns: 'repeat(auto-fit, minmax(280px, 1fr))',
+                        gap: '1.5rem',
+                        maxWidth: '1000px',
+                        margin: '0 auto 3rem'
+                    }}>
+                        <div style={{
+                            padding: '2rem',
+                            background: 'rgba(255, 255, 255, 0.03)',
+                            border: '1px solid rgba(255, 255, 255, 0.1)',
+                            borderRadius: '12px',
+                            textAlign: 'left',
+                            transition: 'all 0.3s ease'
+                        }}>
+                            <div style={{
+                                fontSize: '2rem',
+                                marginBottom: '1rem',
+                                display: 'inline-block',
+                                padding: '0.75rem',
+                                background: 'rgba(0, 112, 243, 0.1)',
+                                borderRadius: '10px'
+                            }}>⚡</div>
+                            <h3 style={{
+                                fontSize: '1.25rem',
+                                fontWeight: '600',
+                                marginBottom: '0.75rem',
+                                color: '#fff'
+                            }}>Lightning Fast</h3>
+                            <p style={{
+                                fontSize: '0.95rem',
+                                color: '#888',
+                                lineHeight: '1.6',
+                                margin: '0'
+                            }}>Optimized for performance with modern JavaScript and SSR capabilities</p>
+                        </div>
+
+                        <div style={{
+                            padding: '2rem',
+                            background: 'rgba(255, 255, 255, 0.03)',
+                            border: '1px solid rgba(255, 255, 255, 0.1)',
+                            borderRadius: '12px',
+                            textAlign: 'left',
+                            transition: 'all 0.3s ease'
+                        }}>
+                            <div style={{
+                                fontSize: '2rem',
+                                marginBottom: '1rem',
+                                display: 'inline-block',
+                                padding: '0.75rem',
+                                background: 'rgba(0, 212, 255, 0.1)',
+                                borderRadius: '10px'
+                            }}>🔧</div>
+                            <h3 style={{
+                                fontSize: '1.25rem',
+                                fontWeight: '600',
+                                marginBottom: '0.75rem',
+                                color: '#fff'
+                            }}>Developer First</h3>
+                            <p style={{
+                                fontSize: '0.95rem',
+                                color: '#888',
+                                lineHeight: '1.6',
+                                margin: '0'
+                            }}>Intuitive API design with TypeScript support for rapid development</p>
+                        </div>
+
+                        <div style={{
+                            padding: '2rem',
+                            background: 'rgba(255, 255, 255, 0.03)',
+                            border: '1px solid rgba(255, 255, 255, 0.1)',
+                            borderRadius: '12px',
+                            textAlign: 'left',
+                            transition: 'all 0.3s ease'
+                        }}>
+                            <div style={{
+                                fontSize: '2rem',
+                                marginBottom: '1rem',
+                                display: 'inline-block',
+                                padding: '0.75rem',
+                                background: 'rgba(0, 112, 243, 0.1)',
+                                borderRadius: '10px'
+                            }}>🚀</div>
+                            <h3 style={{
+                                fontSize: '1.25rem',
+                                fontWeight: '600',
+                                marginBottom: '0.75rem',
+                                color: '#fff'
+                            }}>Production Ready</h3>
+                            <p style={{
+                                fontSize: '0.95rem',
+                                color: '#888',
+                                lineHeight: '1.6',
+                                margin: '0'
+                            }}>Built-in routing, authentication, and database ORM out of the box</p>
+                        </div>
+                    </div>
+
+                    <div style={{
+                        padding: '2rem',
+                        background: 'rgba(255, 255, 255, 0.02)',
+                        border: '1px solid rgba(255, 255, 255, 0.1)',
+                        borderRadius: '12px',
+                        maxWidth: '700px',
+                        margin: '0 auto',
+                        textAlign: 'left'
+                    }}>
+                        <div style={{
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'space-between',
+                            marginBottom: '1rem'
+                        }}>
+                            <span style={{
+                                fontSize: '0.875rem',
+                                color: '#666',
+                                fontFamily: 'Monaco, Courier, monospace'
+                            }}>terminal</span>
+                            <div style={{
+                                display: 'flex',
+                                gap: '0.5rem'
+                            }}>
+                                <div style={{ width: '12px', height: '12px', borderRadius: '50%', background: '#ff5f56' }} />
+                                <div style={{ width: '12px', height: '12px', borderRadius: '50%', background: '#ffbd2e' }} />
+                                <div style={{ width: '12px', height: '12px', borderRadius: '50%', background: '#27c93f' }} />
+                            </div>
+                        </div>
+                        <code style={{
+                            display: 'block',
+                            background: 'rgba(0, 0, 0, 0.5)',
+                            color: '#4ade80',
+                            padding: '1.25rem',
+                            borderRadius: '8px',
+                            fontSize: '0.95rem',
+                            fontFamily: 'Monaco, Courier, monospace',
+                            border: '1px solid rgba(255, 255, 255, 0.05)'
+                        }}>
+                            <span style={{ color: '#666' }}>$</span> npm create nitronjs-app my-app
+                        </code>
+                    </div>
+                </div>
+            </main>
+
+            <footer style={{
+                borderTop: '1px solid #1a1a1a',
+                width: '100%',
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                padding: '2rem 0',
+                fontSize: '0.875rem',
+                color: '#666'
+            }}>
+                <span>Powered by{' '}
+                    <span style={{
+                        fontWeight: '600',
+                        color: '#fff'
+                    }}>NitronJS</span>
+                </span>
+            </footer>
+        </MainLayout>
+    );
+}

package/lib/View/Templates/default/MainLayout.tsx

@@ -0,0 +1,44 @@
+import React from "react";
+
+export default function MainLayout({ title, children }: { title: string; children: React.ReactNode }) {
+    return (
+        <html lang="en">
+            <head>
+                <meta charSet="utf-8" />
+                <meta name="viewport" content="width=device-width, initial-scale=1" />
+                <title>{title}</title>
+                <style dangerouslySetInnerHTML={{ __html: `
+                    * {
+                        margin: 0;
+                        padding: 0;
+                        box-sizing: border-box;
+                    }
+
+                    body {
+                        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+                        -webkit-font-smoothing: antialiased;
+                        -moz-osx-font-smoothing: grayscale;
+                        background: #000;
+                        min-height: 100vh;
+                        display: flex;
+                        flex-direction: column;
+                        align-items: center;
+                        justify-content: center;
+                        color: #fff;
+                        margin: 0;
+                        padding: 0;
+                    }
+
+                    #app {
+                        width: 100%;
+                        max-width: 1200px;
+                        padding: 2rem;
+                    }
+                `}}></style>
+            </head>
+            <body>
+                <div id="app">{children}</div>
+            </body>
+        </html>
+    );
+}

package/lib/View/Templates/errors/404.tsx

@@ -0,0 +1,13 @@
+import ErrorLayout from "./ErrorLayout";
+
+export default function Error404() {
+    return (
+        <ErrorLayout title="404 – Not Found">
+            <div>
+                <h1>404</h1>
+                <p>The page you're looking for can't be found.</p>
+                <p className="subtitle" style={{ marginTop: 16 }}>Check the URL and try again.</p>
+            </div>
+        </ErrorLayout>
+    );
+}

package/lib/View/Templates/errors/500.tsx

@@ -0,0 +1,13 @@
+import ErrorLayout from "./ErrorLayout";
+
+export default function Error500({ message }: { message?: string }) {
+    return (
+        <ErrorLayout title="500 – Server Error">
+            <div>
+                <h1>500</h1>
+                <p>An unexpected server error occurred.</p>
+                <p className="subtitle" style={{ marginTop: 16 }}>Please try again later.</p>
+            </div>
+        </ErrorLayout>
+    );
+}

package/lib/View/Templates/errors/ErrorLayout.tsx

@@ -0,0 +1,112 @@
+export default function SystemLayout({ title, children }: { title: string; children: React.ReactNode }) {
+    return (
+        <html lang="en">
+            <head>
+                <meta charSet="utf-8" />
+                <meta name="viewport" content="width=device-width, initial-scale=1" />
+                <title>{title}</title>
+                <style dangerouslySetInnerHTML={{ __html: `
+                    * {
+                        box-sizing: border-box;
+                    }
+
+                    body {
+                        margin: 0;
+                        min-height: 100vh;
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+                        background: #000000;
+                        color: #f5f5f7;
+                        font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
+                        -webkit-font-smoothing: antialiased;
+                        -moz-osx-font-smoothing: grayscale;
+                        padding: 40px 20px;
+                    }
+
+                    .container {
+                        max-width: 580px;
+                        width: 100%;
+                        text-align: center;
+                    }
+
+                    h1 {
+                        margin: 0 0 20px;
+                        font-size: 96px;
+                        font-weight: 600;
+                        letter-spacing: -0.015em;
+                        color: #f5f5f7;
+                        line-height: 1;
+                        background: linear-gradient(135deg, #f5f5f7 0%, #98989d 100%);
+                        -webkit-background-clip: text;
+                        -webkit-text-fill-color: transparent;
+                        background-clip: text;
+                    }
+
+                    p {
+                        margin: 0;
+                        font-size: 21px;
+                        line-height: 1.381;
+                        font-weight: 400;
+                        color: #f5f5f7;
+                        letter-spacing: 0.011em;
+                    }
+
+                    .subtitle {
+                        margin-top: 8px;
+                        font-size: 17px;
+                        line-height: 1.47059;
+                        color: #98989d;
+                        font-weight: 400;
+                        letter-spacing: -0.022em;
+                    }
+
+                    .error-message {
+                        margin-top: 32px;
+                        padding: 16px 20px;
+                        background: #1c1c1e;
+                        border: 1px solid #38383a;
+                        border-radius: 12px;
+                        font-size: 15px;
+                        line-height: 1.4667;
+                        color: #a1a1a6;
+                        text-align: left;
+                        word-break: break-word;
+                        font-weight: 400;
+                        letter-spacing: -0.016em;
+                    }
+
+                    .divider {
+                        height: 1px;
+                        margin: 64px auto;
+                        max-width: 300px;
+                        background: linear-gradient(90deg, transparent, #38383a 20%, #38383a 80%, transparent);
+                    }
+
+                    .brand {
+                        font-size: 12px;
+                        color: #636366;
+                        font-weight: 400;
+                        letter-spacing: -0.01em;
+                    }
+
+                    @media (max-width: 734px) {
+                        h1 {
+                            font-size: 64px;
+                        }
+                        p {
+                            font-size: 19px;
+                        }
+                    }
+                `}}></style>
+            </head>
+            <body>
+                <div className="container">
+                    {children}
+                    <div className="divider"></div>
+                    <div className="brand">NitronJS</div>
+                </div>
+            </body>
+        </html>
+    );
+}

package/lib/View/Templates/messages/Maintenance.tsx

@@ -0,0 +1,17 @@
+import MessageLayout from "./MessageLayout";
+
+export default function Maintenance() {
+    return (
+        <MessageLayout title="Under Maintenance">
+            <div className="icon">
+                <svg viewBox="0 0 24 24">
+                    <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
+                </svg>
+            </div>
+            <h1>Under Maintenance</h1>
+            <p>We're making improvements to serve you better.</p>
+            <p className="subtitle">We'll be back online shortly. Thank you for your patience.</p>
+            <div className="info-box">Our team is working to enhance your experience. Check back soon.</div>
+        </MessageLayout>
+    );
+}

package/lib/View/Templates/messages/MessageLayout.tsx

@@ -0,0 +1,136 @@
+export default function MessageLayout({ title, children }: { title: string; children: React.ReactNode }) {
+    return (
+        <html lang="en">
+            <head>
+                <meta charSet="utf-8" />
+                <meta name="viewport" content="width=device-width, initial-scale=1" />
+                <title>{title}</title>
+                <style dangerouslySetInnerHTML={{ __html: `
+                    * {
+                        box-sizing: border-box;
+                    }
+
+                    body {
+                        margin: 0;
+                        min-height: 100vh;
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+                        background: #fbfbfd;
+                        color: #1d1d1f;
+                        font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
+                        -webkit-font-smoothing: antialiased;
+                        -moz-osx-font-smoothing: grayscale;
+                        padding: 40px 20px;
+                    }
+
+                    .container {
+                        max-width: 580px;
+                        width: 100%;
+                        text-align: center;
+                    }
+
+                    .icon {
+                        width: 80px;
+                        height: 80px;
+                        margin: 0 auto 32px;
+                        border-radius: 50%;
+                        background: linear-gradient(135deg, #007aff 0%, #0051d5 100%);
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+                        box-shadow: 0 8px 24px rgba(0, 122, 255, 0.25);
+                    }
+
+                    .icon svg {
+                        width: 40px;
+                        height: 40px;
+                        stroke: white;
+                        fill: none;
+                        stroke-width: 2;
+                        stroke-linecap: round;
+                        stroke-linejoin: round;
+                    }
+
+                    h1 {
+                        margin: 0 0 16px;
+                        font-size: 48px;
+                        font-weight: 600;
+                        letter-spacing: -0.015em;
+                        color: #1d1d1f;
+                        line-height: 1.08;
+                    }
+
+                    p {
+                        margin: 0;
+                        font-size: 21px;
+                        line-height: 1.381;
+                        font-weight: 400;
+                        color: #1d1d1f;
+                        letter-spacing: 0.011em;
+                    }
+
+                    .subtitle {
+                        margin-top: 12px;
+                        font-size: 17px;
+                        line-height: 1.47059;
+                        color: #86868b;
+                        font-weight: 400;
+                        letter-spacing: -0.022em;
+                    }
+
+                    .info-box {
+                        margin-top: 40px;
+                        padding: 20px 24px;
+                        background: #f5f5f7;
+                        border-radius: 12px;
+                        font-size: 15px;
+                        line-height: 1.4667;
+                        color: #6e6e73;
+                        text-align: center;
+                        font-weight: 400;
+                        letter-spacing: -0.016em;
+                    }
+
+                    .divider {
+                        height: 1px;
+                        margin: 64px auto;
+                        max-width: 300px;
+                        background: linear-gradient(90deg, transparent, #d2d2d7 20%, #d2d2d7 80%, transparent);
+                    }
+
+                    .brand {
+                        font-size: 12px;
+                        color: #86868b;
+                        font-weight: 400;
+                        letter-spacing: -0.01em;
+                    }
+
+                    @media (max-width: 734px) {
+                        h1 {
+                            font-size: 40px;
+                        }
+                        p {
+                            font-size: 19px;
+                        }
+                        .icon {
+                            width: 64px;
+                            height: 64px;
+                        }
+                        .icon svg {
+                            width: 32px;
+                            height: 32px;
+                        }
+                    }
+                `}}></style>
+            </head>
+            <body>
+                <div className="container">
+                    {children}
+                    <div className="divider"></div>
+                    <div className="brand">NitronJS</div>
+                </div>
+            </body>
+        </html>
+    );
+}

package/lib/index.js

@@ -0,0 +1,57 @@
+// Core
+export { default as Config } from "./Core/Config.js";
+export { default as Paths } from "./Core/Paths.js";
+export { default as Environment } from "./Core/Environment.js";
+
+// Http
+export { default as Server } from "./Http/Server.js";
+export { start } from "./Runtime/Entry.js";
+
+// Routing
+export { default as Route } from "./Route/Manager.js";
+
+// Database
+export { default as DB } from "./Database/DB.js";
+export { default as Model } from "./Database/Model.js";
+export { default as Schema } from "./Database/Schema/Manager.js";
+export { default as DatabaseManager } from "./Database/Manager.js";
+
+// Authentication
+export { default as Auth } from "./Auth/Manager.js";
+
+// Session
+export { default as Session } from "./Session/Session.js";
+export { default as SessionManager } from "./Session/Manager.js";
+
+// View
+export { default as View } from "./View/Manager.js";
+
+// Hashing
+export { default as Hash } from "./Hashing/Manager.js";
+
+// Logging
+export { default as Log } from "./Logging/Manager.js";
+
+// Filesystem
+export { default as Storage } from "./Filesystem/Manager.js";
+
+// Mail
+export { default as Mail } from "./Mail/Manager.js";
+
+// Encryption
+export { default as AES } from "./Encryption/Manager.js";
+
+// Validation
+export { default as Validator } from "./Validation/Validator.js";
+
+// Translation
+export { default as Lang } from "./Translation/Manager.js";
+
+// Date
+export { default as DateTime } from "./Date/DateTime.js";
+
+// Support
+export { default as Str } from "./Support/Str.js";
+
+// Backward Compatibility Aliases
+export { default as Enviroment } from "./Core/Environment.js";