create-veap 0.1.3 → 0.3.0

package/stubs/overlay-full/app/layout.tsx.stub

@@ -1,71 +1,71 @@
-import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
-import "./globals.css";
-import { I18nProvider } from "@veap/framework/intl/server";
-import { ExtensionPoint, getPathPrefix } from "@veap/framework/plugins/server";
-import { AppProvider } from "@veap/framework/react";
-import { cookies } from "next/headers";
-import { initializeSystem } from "@/lib/veap";
-import {
-  getCurrentSession,
-  isSystemInstalled,
-} from "@veap/framework/auth/server";
-
-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
-
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-});
-
-export const metadata: Metadata = {
-  title: "Veap App",
-  description: "Built with Veap framework",
-};
-
-// The whole layout is request-time work: it boots Veap (providers + plugin
-// context), reads cookies and renders plugin extension points. Without this,
-// Next.js prerenders /_not-found during `next build` while
-// NEXT_PHASE=phase-production-build - in which `Application.bootstrap()`
-// intentionally skips provider boot - and context-bound helpers (e.g.
-// getPathPrefix()) throw "Context is not bound".
-export const dynamic = "force-dynamic";
-
-export default async function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
-  await initializeSystem();
-  const installed = await isSystemInstalled();
-
-  const session = installed
-    ? await getCurrentSession()
-    : { session: null, user: null };
-
-  const pathPrefix = await getPathPrefix();
-
-  const cookieStore = await cookies();
-  const locale = cookieStore.get("VEAP_LOCALE")?.value || "en";
-
-  return (
-    <html lang={locale} suppressHydrationWarning>
-      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
-      >
-        <I18nProvider>
-          <AppProvider initialSession={session} prefix={pathPrefix}>
-            <div className="min-h-screen relative bg-background">
-              <ExtensionPoint target="app" point="before-content" />
-              {children}
-              <ExtensionPoint target="app" point="after-content" />
-            </div>
-          </AppProvider>
-        </I18nProvider>
-      </body>
-    </html>
-  );
-}
+import type { Metadata } from "next";
+import { Geist, Geist_Mono } from "next/font/google";
+import "./globals.css";
+import { I18nProvider } from "@veap/framework/intl/server";
+import { ExtensionPoint, getPathPrefix } from "@veap/framework/plugins/server";
+import { AppProvider } from "@veap/framework/react";
+import { cookies } from "next/headers";
+import { initializeSystem } from "@/lib/veap";
+import {
+  getCurrentSession,
+  isSystemInstalled,
+} from "@veap/framework/auth/server";
+
+const geistSans = Geist({
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
+});
+
+export const metadata: Metadata = {
+  title: "Veap App",
+  description: "Built with Veap framework",
+};
+
+// The whole layout is request-time work: it boots Veap (providers + plugin
+// context), reads cookies and renders plugin extension points. Without this,
+// Next.js prerenders /_not-found during `next build` while
+// NEXT_PHASE=phase-production-build - in which `Application.bootstrap()`
+// intentionally skips provider boot - and context-bound helpers (e.g.
+// getPathPrefix()) throw "Context is not bound".
+export const dynamic = "force-dynamic";
+
+export default async function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  await initializeSystem();
+  const installed = await isSystemInstalled();
+
+  const session = installed
+    ? await getCurrentSession()
+    : { session: null, user: null };
+
+  const pathPrefix = await getPathPrefix();
+
+  const cookieStore = await cookies();
+  const locale = cookieStore.get("VEAP_LOCALE")?.value || "en";
+
+  return (
+    <html lang={locale} suppressHydrationWarning>
+      <body
+        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+      >
+        <I18nProvider>
+          <AppProvider initialSession={session} prefix={pathPrefix}>
+            <div className="min-h-screen relative bg-background">
+              <ExtensionPoint target="app" point="before-content" />
+              {children}
+              <ExtensionPoint target="app" point="after-content" />
+            </div>
+          </AppProvider>
+        </I18nProvider>
+      </body>
+    </html>
+  );
+}

package/stubs/overlay-full/app/storage/[...path]/route.ts.stub

@@ -1,61 +1,61 @@
-import fs from "node:fs";
-import path from "node:path";
-import { type NextRequest, NextResponse } from "next/server";
-
-export const dynamic = "force-dynamic";
-
-export async function GET(
-  request: NextRequest,
-  context: { params: Promise<{ path: string[] }> },
-) {
-  const resolvedParams = await context.params;
-  const filePath = path.join(
-    /*turbopackIgnore: true*/ process.cwd(),
-    "public",
-    "storage",
-    ...resolvedParams.path,
-  );
-
-  // Prevent Directory Traversal Attacks!
-  const safePath = path.normalize(filePath);
-  const baseStoragePath = path.join(
-    /*turbopackIgnore: true*/ process.cwd(),
-    "public",
-    "storage",
-  );
-  if (!safePath.startsWith(baseStoragePath)) {
-    return new NextResponse("Forbidden", { status: 403 });
-  }
-
-  if (
-    !fs.existsSync(/*turbopackIgnore: true*/ safePath) ||
-    fs.statSync(/*turbopackIgnore: true*/ safePath).isDirectory()
-  ) {
-    return new NextResponse("Not Found", { status: 404 });
-  }
-
-  const fileBuffer = fs.readFileSync(/*turbopackIgnore: true*/ safePath);
-
-  // Determine Content-Type
-  const ext = path.extname(safePath).toLowerCase();
-  let contentType = "application/octet-stream";
-  if (ext === ".png") contentType = "image/png";
-  else if (ext === ".jpg" || ext === ".jpeg") contentType = "image/jpeg";
-  else if (ext === ".gif") contentType = "image/gif";
-  else if (ext === ".svg") contentType = "image/svg+xml";
-  else if (ext === ".webp") contentType = "image/webp";
-  else if (ext === ".md" || ext === ".mdx")
-    contentType = "text/markdown; charset=utf-8";
-  else if (ext === ".json") contentType = "application/json";
-  else if (ext === ".txt") contentType = "text/plain; charset=utf-8";
-  else if (ext === ".pdf") contentType = "application/pdf";
-  else if (ext === ".css") contentType = "text/css";
-  else if (ext === ".js") contentType = "application/javascript";
-
-  return new NextResponse(fileBuffer, {
-    headers: {
-      "Content-Type": contentType,
-      "Cache-Control": "public, max-age=31536000, immutable",
-    },
-  });
-}
+import fs from "node:fs";
+import path from "node:path";
+import { type NextRequest, NextResponse } from "next/server";
+
+export const dynamic = "force-dynamic";
+
+export async function GET(
+  request: NextRequest,
+  context: { params: Promise<{ path: string[] }> },
+) {
+  const resolvedParams = await context.params;
+  const filePath = path.join(
+    /*turbopackIgnore: true*/ process.cwd(),
+    "public",
+    "storage",
+    ...resolvedParams.path,
+  );
+
+  // Prevent Directory Traversal Attacks!
+  const safePath = path.normalize(filePath);
+  const baseStoragePath = path.join(
+    /*turbopackIgnore: true*/ process.cwd(),
+    "public",
+    "storage",
+  );
+  if (!safePath.startsWith(baseStoragePath)) {
+    return new NextResponse("Forbidden", { status: 403 });
+  }
+
+  if (
+    !fs.existsSync(/*turbopackIgnore: true*/ safePath) ||
+    fs.statSync(/*turbopackIgnore: true*/ safePath).isDirectory()
+  ) {
+    return new NextResponse("Not Found", { status: 404 });
+  }
+
+  const fileBuffer = fs.readFileSync(/*turbopackIgnore: true*/ safePath);
+
+  // Determine Content-Type
+  const ext = path.extname(safePath).toLowerCase();
+  let contentType = "application/octet-stream";
+  if (ext === ".png") contentType = "image/png";
+  else if (ext === ".jpg" || ext === ".jpeg") contentType = "image/jpeg";
+  else if (ext === ".gif") contentType = "image/gif";
+  else if (ext === ".svg") contentType = "image/svg+xml";
+  else if (ext === ".webp") contentType = "image/webp";
+  else if (ext === ".md" || ext === ".mdx")
+    contentType = "text/markdown; charset=utf-8";
+  else if (ext === ".json") contentType = "application/json";
+  else if (ext === ".txt") contentType = "text/plain; charset=utf-8";
+  else if (ext === ".pdf") contentType = "application/pdf";
+  else if (ext === ".css") contentType = "text/css";
+  else if (ext === ".js") contentType = "application/javascript";
+
+  return new NextResponse(fileBuffer, {
+    headers: {
+      "Content-Type": contentType,
+      "Cache-Control": "public, max-age=31536000, immutable",
+    },
+  });
+}

package/stubs/overlay-full/components/footer.tsx.stub

@@ -0,0 +1,25 @@
+import Link from "next/link";
+
+export function Footer() {
+  return (
+    <footer className="w-full border-t bg-muted/40 py-10 mt-16 text-sm text-muted-foreground">
+      <div className="mx-auto flex max-w-6xl flex-col items-center justify-between gap-4 px-4 sm:flex-row sm:px-6">
+        <div className="flex flex-col items-center gap-1 sm:items-start">
+          <p className="font-semibold text-foreground">Veap Application</p>
+          <p className="text-xs">
+            Powered by Next.js 16 App Router & @veap/framework modular architecture.
+          </p>
+        </div>
+
+        <div className="flex items-center gap-6 text-xs">
+          <Link href="/" className="hover:underline">
+            Home
+          </Link>
+          <Link href="/app" className="hover:underline">
+            Panel
+          </Link>
+        </div>
+      </div>
+    </footer>
+  );
+}

package/stubs/overlay-full/components/navbar.tsx.stub

@@ -0,0 +1,61 @@
+import Link from "next/link";
+import { getCurrentSession } from "@veap/framework/auth/server";
+
+export async function Navbar() {
+  const { session, user } = await getCurrentSession();
+
+  return (
+    <header className="sticky top-0 z-40 w-full border-b bg-background/80 backdrop-blur-md">
+      <div className="mx-auto flex h-16 max-w-6xl items-center justify-between px-4 sm:px-6">
+        <div className="flex items-center gap-6">
+          <Link href="/" className="flex items-center gap-2 font-bold text-xl tracking-tight">
+            <span className="flex h-8 w-8 items-center justify-center rounded-lg bg-primary text-primary-foreground font-mono text-sm font-bold shadow-xs">
+              V
+            </span>
+            <span>Veap</span>
+          </Link>
+
+          <nav className="hidden md:flex items-center gap-6 text-sm font-medium text-muted-foreground">
+            <Link href="/" className="transition hover:text-foreground">
+              Home
+            </Link>
+            <Link href="/app" className="transition hover:text-foreground">
+              Panel
+            </Link>
+          </nav>
+        </div>
+
+        <div className="flex items-center gap-3">
+          {session && user ? (
+            <div className="flex items-center gap-3">
+              <span className="hidden sm:inline-block text-xs text-muted-foreground font-medium">
+                {user.email}
+              </span>
+              <Link
+                href="/app"
+                className="inline-flex h-9 items-center justify-center rounded-md bg-secondary px-3 text-xs font-medium text-secondary-foreground shadow-xs transition hover:bg-secondary/80"
+              >
+                Panel
+              </Link>
+            </div>
+          ) : (
+            <div className="flex items-center gap-2">
+              <Link
+                href="/signin"
+                className="inline-flex h-9 items-center justify-center rounded-md border border-input bg-background px-3 text-xs font-medium shadow-xs transition hover:bg-accent hover:text-accent-foreground"
+              >
+                Sign In
+              </Link>
+              <Link
+                href="/signup"
+                className="inline-flex h-9 items-center justify-center rounded-md bg-primary px-3 text-xs font-medium text-primary-foreground shadow-xs transition hover:bg-primary/90"
+              >
+                Get Started
+              </Link>
+            </div>
+          )}
+        </div>
+      </div>
+    </header>
+  );
+}

package/stubs/overlay-full/components/site-layout.tsx.stub

@@ -0,0 +1,22 @@
+import { ExtensionPoint } from "@veap/framework/plugins/server";
+import { Navbar } from "@/components/navbar";
+import { Footer } from "@/components/footer";
+import type { ReactNode } from "react";
+
+export function SiteLayout({ children }: { children: ReactNode }) {
+  return (
+    <div className="bg-background relative min-h-screen flex flex-col justify-between">
+      {/* App Shell Slot for Navbar: single mode resolves plugin with highest priority, fallback to host Navbar */}
+      <ExtensionPoint target="app" point="navbar" mode="single">
+        <Navbar />
+      </ExtensionPoint>
+
+      <main className="flex-1 w-full">{children}</main>
+
+      {/* App Shell Slot for Footer */}
+      <ExtensionPoint target="app" point="footer" mode="single">
+        <Footer />
+      </ExtensionPoint>
+    </div>
+  );
+}

package/stubs/overlay-full/lib/plugins.gen.ts.stub

@@ -1,6 +1,6 @@
-/**
- * FILE AUTOMATICALLY GENERATED BY veap/cli
- * DO NOT EDIT THIS FILE MANUALLY!
- */
-
-export const plugins = [];
+/**
+ * FILE AUTOMATICALLY GENERATED BY veap/cli
+ * DO NOT EDIT THIS FILE MANUALLY!
+ */
+
+export const plugins = [];

package/stubs/overlay-full/lib/veap.ts.stub

@@ -1,26 +1,27 @@
-import { cache } from "react";
-import { Application } from "@veap/framework/core/server";
-
-import { appMigrations } from "../migrations";
-import { plugins } from "./plugins.gen";
-
-export const app = Application.configure()
-  .withDatabase()
-  .withAuth()
-  .withStorage()
-  .withCommunication()
-  .withIntl()
-  .withRouter()
-  .withSettings()
-  .withMigrations(appMigrations)
-  .withPlugins(plugins)
-  .withTemplates([])
-  .create();
-
-/**
- * Main system bootstrap function.
- * Called automatically in root layout/pages.
- */
-export const initializeSystem = cache(async () => {
-  return app.bootstrap();
-});
+import { cache } from "react";
+import { Application } from "@veap/framework/core/server";
+
+import { appMigrations } from "../migrations";
+import { plugins } from "./plugins.gen";
+import { SiteLayout } from "../components/site-layout";
+
+export const app = Application.configure()
+  .withDatabase()
+  .withAuth()
+  .withStorage()
+  .withCommunication()
+  .withIntl()
+  .withRouter()
+  .withSiteLayout(SiteLayout)
+  .withSettings()
+  .withMigrations(appMigrations)
+  .withPlugins(plugins)
+  .create();
+
+/**
+ * Main system bootstrap function.
+ * Called automatically in root layout/pages.
+ */
+export const initializeSystem = cache(async () => {
+  return app.bootstrap();
+});

package/stubs/overlay-full/next.config.ts.stub

@@ -1,34 +1,34 @@
-import type { NextConfig } from "next";
-
-const nextConfig: NextConfig = {
-  serverExternalPackages: ["knex", "pg", "better-sqlite3"],
-  // Output for standalone build in docker (disabled on Vercel to avoid build crash)
-  output: process.env.VERCEL ? undefined : "standalone",
-
-  transpilePackages: ["@veap/framework", "@veap/ui"],
-
-  reactCompiler: true,
-
-  experimental: {
-    turbopackFileSystemCacheForBuild: true,
-    turbopackRustReactCompiler: true
-  },
-
-  outputFileTracingIncludes: {
-    "/**/*": ["veap.config.ts"],
-  },
-
-  typescript: {
-    // !! WARN !!
-    // Dangerously allow production builds to successfully complete even if
-    // your project has type errors.
-    // !! WARN !!
-    ignoreBuildErrors: true,
-  },
-
-  images: {
-    unoptimized: true,
-  },
-};
-
-export default nextConfig;
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  serverExternalPackages: ["knex", "pg", "better-sqlite3"],
+  // Output for standalone build in docker (disabled on Vercel to avoid build crash)
+  output: process.env.VERCEL ? undefined : "standalone",
+
+  transpilePackages: ["@veap/framework", "@veap/ui"],
+
+  reactCompiler: true,
+
+  experimental: {
+    turbopackFileSystemCacheForBuild: true,
+    turbopackRustReactCompiler: true
+  },
+
+  outputFileTracingIncludes: {
+    "/**/*": ["veap.config.ts"],
+  },
+
+  typescript: {
+    // !! WARN !!
+    // Dangerously allow production builds to successfully complete even if
+    // your project has type errors.
+    // !! WARN !!
+    ignoreBuildErrors: true,
+  },
+
+  images: {
+    unoptimized: true,
+  },
+};
+
+export default nextConfig;

package/stubs/overlay-full/proxy.ts.stub

@@ -1,27 +1,27 @@
-import type { NextRequest } from "next/server";
-import { NextResponse } from "next/server";
-
-export function proxy(request: NextRequest) {
-  const url = new URL(request.url);
-  const requestHeaders = new Headers(request.headers);
-  requestHeaders.set("x-pathname", url.pathname);
-
-  return NextResponse.next({
-    request: {
-      headers: requestHeaders,
-    },
-  });
-}
-
-export const config = {
-  matcher: [
-    /*
-     * Match all request paths except for the ones starting with:
-     * - api (API routes)
-     * - _next/static (static files)
-     * - _next/image (image optimization files)
-     * - favicon.ico (favicon file)
-     */
-    "/((?!api|_next/static|_next/image|favicon.ico).*)",
-  ],
-};
+import type { NextRequest } from "next/server";
+import { NextResponse } from "next/server";
+
+export function proxy(request: NextRequest) {
+  const url = new URL(request.url);
+  const requestHeaders = new Headers(request.headers);
+  requestHeaders.set("x-pathname", url.pathname);
+
+  return NextResponse.next({
+    request: {
+      headers: requestHeaders,
+    },
+  });
+}
+
+export const config = {
+  matcher: [
+    /*
+     * Match all request paths except for the ones starting with:
+     * - api (API routes)
+     * - _next/static (static files)
+     * - _next/image (image optimization files)
+     * - favicon.ico (favicon file)
+     */
+    "/((?!api|_next/static|_next/image|favicon.ico).*)",
+  ],
+};