@nitronjs/framework 0.1.24 → 0.2.1

package/skeleton/config/app.js

@@ -5,20 +5,21 @@ export default {
     /**
      * Content Security Policy (CSP) Whitelist
      * 
-     * Add trusted external domains for each resource type.
-     * These will be appended to the default secure CSP policy.
+     * Format 1 - Simple URL array (applies to all resource types):
+     *   csp: ["https://fonts.googleapis.com", "https://fonts.gstatic.com"]
      * 
-     * Examples:
-     * - Google Fonts: styles: ["https://fonts.googleapis.com"], fonts: ["https://fonts.gstatic.com"]
-     * - Cloudflare CDN: scripts: ["https://cdnjs.cloudflare.com"]
-     * - Google Analytics: scripts: ["https://www.googletagmanager.com"], connect: ["https://www.google-analytics.com"]
+     * Format 2 - Wildcard (allows all external resources - not recommended for production):
+     *   csp: ["*"]
+     * 
+     * Format 3 - Detailed per-type configuration:
+     *   csp: {
+     *     styles: ["https://fonts.googleapis.com"],
+     *     fonts: ["https://fonts.gstatic.com"],
+     *     scripts: ["https://cdnjs.cloudflare.com"],
+     *     images: [],
+     *     connect: [],
+     *     frames: [],
+     *   }
      */
-    csp: {
-        styles: [],
-        fonts: [],
-        images: [],
-        scripts: [],
-        connect: [],
-        frames: [],
-    },
+    csp: [],
 }

package/skeleton/config/session.js

@@ -6,7 +6,7 @@ export default {
     cookieName: "session",
     cookie: {
         httpOnly: true,
-        secure: process.env.APP_DEV !== "true",
+        secure: false,       // Set to true in production with HTTPS
         sameSite: "lax",
         path: "/",
         maxAge: SESSION_LIFETIME

package/skeleton/globals.d.ts

@@ -1,68 +1,8 @@
 /**
  * NitronJS Global Types
  * 
- * Framework types are provided by @nitronjs/framework package.
- * This file only contains global function declarations.
+ * This file imports global type declarations from the framework.
+ * All global functions (csrf, route, request) are available without import.
  */
 
-/**
- * Returns the CSRF token for the current request.
- * Works on both SSR and client-side.
- * 
- * @example
- * // In a form
- * <input type="hidden" name="_csrf" value={csrf()} />
- * 
- * // In a fetch request
- * fetch('/api/action', {
- *   method: 'POST',
- *   headers: { 'X-CSRF-Token': csrf() }
- * })
- */
-declare function csrf(): string;
-
-/**
- * Returns the URL for a named route.
- * Works on both SSR and client-side.
- * 
- * @param name - The route name as defined in routes/web.js
- * @param params - Optional route parameters
- * @example
- * <a href={route('home')}>Home</a>
- * <a href={route('admin.dashboard')}>Dashboard</a>
- * <a href={route('admin.users.edit', { id: 1 })}>Edit User</a>
- */
-declare function route(name: string, params?: Record<string, any>): string;
-
-/**
- * Returns the current request object.
- * Only works in Server Components during SSR.
- * 
- * @example
- * // Get query parameters
- * const tab = request().query.tab || 'general';
- * 
- * // Get URL parameters
- * const id = request().params.id;
- * 
- * // Get request method
- * const method = request().method;
- */
-declare function request(): {
-    path: string;
-    method: string;
-    query: Record<string, any>;
-    params: Record<string, any>;
-    body: Record<string, any>;
-    headers: Record<string, string>;
-    cookies: Record<string, string>;
-    ip: string;
-    isAjax: boolean;
-    session: {
-        get<T = any>(key: string, defaultValue?: T): T;
-        set(key: string, value: any): void;
-        has(key: string): boolean;
-        forget(key: string): void;
-        flash(key: string, value: any): void;
-    };
-};
+/// <reference types="@nitronjs/framework" />

package/skeleton/resources/views/Site/Home.tsx

@@ -1,65 +1,85 @@
 type HomeProps = {
-    name?: string;
+    version?: string;
 };
 
-export default function Home({ name = "NitronJS" }: HomeProps) {
+export default function Home({ version = "0.2.0" }: HomeProps) {
     return (
         <main style={{
             minHeight: "100vh",
+            background: "#0a0a0a",
+            fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
+            color: "#e4e4e7",
             display: "flex",
             flexDirection: "column",
             alignItems: "center",
             justifyContent: "center",
-            gap: "1.5rem",
-            color: "#fff",
-            background: "radial-gradient(circle at top, #111827, #0b0f19)",
-            fontFamily: "system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif",
-            padding: "4rem 1.5rem"
+            padding: "2rem",
+            boxSizing: "border-box"
         }}>
+            <div style={{
+                width: 64,
+                height: 64,
+                background: "#fff",
+                borderRadius: 14,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                marginBottom: "2rem"
+            }}>
+                <svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="#0a0a0a" strokeWidth="2.5">
+                    <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>
+                </svg>
+            </div>
+
             <h1 style={{
-                fontSize: "3.5rem",
-                lineHeight: "1.1",
+                fontSize: "2.5rem",
+                fontWeight: 700,
                 margin: 0,
-                textAlign: "center"
+                color: "#fff",
+                letterSpacing: "-0.02em"
             }}>
-                Welcome to {name}
+                Welcome to NitronJS
             </h1>
+
             <p style={{
-                maxWidth: "680px",
-                textAlign: "center",
-                color: "#94a3b8",
-                margin: 0,
-                fontSize: "1.125rem"
+                fontSize: "1.1rem",
+                color: "#71717a",
+                maxWidth: 400,
+                margin: "1.5rem 0 2rem",
+                lineHeight: 1.6,
+                textAlign: "center"
             }}>
-                Your project is ready. Start building pages with React SSR and the NitronJS MVC structure.
+                Your application is ready. Start building by editing the files in <code style={{ color: "#a1a1aa", background: "#1a1a1a", padding: "2px 6px", borderRadius: 4 }}>resources/views</code>
             </p>
-            <div style={{
-                display: "flex",
-                gap: "0.75rem",
-                flexWrap: "wrap",
-                justifyContent: "center"
-            }}>
-                <a href="https://nitronjs.dev/docs" style={{
-                    padding: "0.75rem 1.5rem",
-                    borderRadius: "10px",
-                    background: "#3b82f6",
-                    color: "#fff",
-                    textDecoration: "none",
-                    fontWeight: 600
-                }}>
-                    Documentation
-                </a>
-                <a href="https://nitronjs.dev" style={{
+
+            <a
+                href="https://nitronjs.dev/docs"
+                style={{
+                    display: "inline-flex",
+                    alignItems: "center",
+                    gap: "0.5rem",
                     padding: "0.75rem 1.5rem",
-                    borderRadius: "10px",
-                    background: "transparent",
-                    color: "#e2e8f0",
+                    background: "#fff",
+                    color: "#0a0a0a",
                     textDecoration: "none",
-                    border: "1px solid #334155",
-                    fontWeight: 600
-                }}>
-                    Website
-                </a>
+                    fontWeight: 600,
+                    fontSize: "0.9rem",
+                    borderRadius: 8
+                }}
+            >
+                Documentation
+                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5">
+                    <path d="M5 12h14M12 5l7 7-7 7"/>
+                </svg>
+            </a>
+
+            <div style={{
+                position: "fixed",
+                bottom: "1.5rem",
+                color: "#3f3f46",
+                fontSize: "0.8rem"
+            }}>
+                v{version}
             </div>
         </main>
     );

package/skeleton/tsconfig.json

@@ -10,7 +10,11 @@
         "esModuleInterop": true,
         "skipLibCheck": true,
         "forceConsistentCasingInFileNames": true,
-        "noEmit": true
+        "noEmit": true,
+        "baseUrl": ".",
+        "paths": {
+            "@/*": ["./*"]
+        }
     },
     "include": [
         "./globals.d.ts",