npm - veryfront - Versions diffs - 0.0.35 → 0.0.37 - Mend

veryfront 0.0.35 → 0.0.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (77) hide show

package/dist/ai/index.js +365 -179
package/dist/ai/index.js.map +4 -4
package/dist/ai/react.js +1 -3
package/dist/ai/react.js.map +2 -2
package/dist/cli.js +359 -2304
package/dist/components.js +4 -2
package/dist/components.js.map +2 -2
package/dist/config.js +4 -2
package/dist/config.js.map +2 -2
package/dist/data.js +4 -2
package/dist/data.js.map +2 -2
package/dist/index.js +7 -2
package/dist/index.js.map +2 -2
package/dist/templates/ai/ai/agents/assistant.ts +20 -0
package/dist/templates/ai/ai/prompts/assistant.ts +14 -0
package/dist/templates/ai/ai/tools/get-weather.ts +29 -0
package/dist/templates/ai/app/api/chat/route.ts +37 -0
package/dist/templates/ai/app/layout.tsx +18 -0
package/dist/templates/ai/app/page.tsx +28 -0
package/dist/templates/ai/tsconfig.json +18 -0
package/dist/templates/ai/veryfront.config.ts +9 -0
package/dist/templates/app/_env.example +16 -0
package/dist/templates/app/app/api/auth/login/route.ts +53 -0
package/dist/templates/app/app/api/auth/logout/route.ts +27 -0
package/dist/templates/app/app/api/auth/me/route.ts +34 -0
package/dist/templates/app/app/api/auth/register/route.ts +42 -0
package/dist/templates/app/app/api/stats/route.ts +21 -0
package/dist/templates/app/app/api/users/route.ts +42 -0
package/dist/templates/app/app/dashboard/page.tsx +29 -0
package/dist/templates/app/app/layout.tsx +45 -0
package/dist/templates/app/app/login/page.tsx +222 -0
package/dist/templates/app/app/page.tsx +15 -0
package/dist/templates/app/components/AuthProvider.tsx +51 -0
package/dist/templates/app/components/DashboardLayout.tsx +142 -0
package/dist/templates/app/components/FeatureGrid.tsx +98 -0
package/dist/templates/app/components/Header.tsx +58 -0
package/dist/templates/app/components/HeroSection.tsx +49 -0
package/dist/templates/app/components/RecentActivity.tsx +98 -0
package/dist/templates/app/components/StatsGrid.tsx +126 -0
package/dist/templates/app/components/Toaster.tsx +113 -0
package/dist/templates/app/lib/auth-client.ts +38 -0
package/dist/templates/app/lib/auth.ts +49 -0
package/dist/templates/app/lib/stats.ts +34 -0
package/dist/templates/app/lib/users.ts +86 -0
package/dist/templates/app/middleware/auth.ts +34 -0
package/dist/templates/app/public/robots.txt +4 -0
package/dist/templates/app/veryfront.config.js +74 -0
package/dist/templates/blog/app/about/page.mdx +14 -0
package/dist/templates/blog/app/archive/page.tsx +42 -0
package/dist/templates/blog/app/blog/[slug]/page.tsx +47 -0
package/dist/templates/blog/app/layout.tsx +54 -0
package/dist/templates/blog/app/page.tsx +13 -0
package/dist/templates/blog/components/BlogPostList.tsx +53 -0
package/dist/templates/blog/components/MDXContent.tsx +26 -0
package/dist/templates/blog/content/posts/hello-world.mdx +29 -0
package/dist/templates/blog/content/posts/markdown-showcase.mdx +105 -0
package/dist/templates/blog/lib/posts.ts +76 -0
package/dist/templates/blog/lib/utils.ts +14 -0
package/dist/templates/blog/public/robots.txt +4 -0
package/dist/templates/blog/styles/globals.css +21 -0
package/dist/templates/blog/veryfront.config.js +39 -0
package/dist/templates/docs/app/docs/api/page.mdx +102 -0
package/dist/templates/docs/app/docs/core-concepts/page.mdx +82 -0
package/dist/templates/docs/app/docs/getting-started/page.mdx +67 -0
package/dist/templates/docs/app/layout.tsx +41 -0
package/dist/templates/docs/app/page.mdx +51 -0
package/dist/templates/docs/components/CodeBlock.tsx +44 -0
package/dist/templates/docs/components/Header.tsx +49 -0
package/dist/templates/docs/components/Sidebar.tsx +68 -0
package/dist/templates/docs/public/robots.txt +4 -0
package/dist/templates/docs/styles/globals.css +48 -0
package/dist/templates/docs/veryfront.config.js +47 -0
package/dist/templates/minimal/app/about/page.mdx +18 -0
package/dist/templates/minimal/app/layout.tsx +20 -0
package/dist/templates/minimal/app/page.tsx +26 -0
package/dist/templates/minimal/veryfront.config.js +29 -0
package/package.json +1 -1

package/dist/templates/ai/ai/agents/assistant.ts ADDED Viewed

@@ -0,0 +1,20 @@
+import { agent, promptRegistry } from "veryfront/ai";
+function getSystemPrompt(): string {
+  const prompt = promptRegistry.get("assistant");
+  if (prompt) {
+    const content = prompt.getContent();
+    return typeof content === "string" ? content : "";
+  }
+  return "You are a helpful AI assistant.";
+}
+export default agent({
+  id: "assistant",
+  model: "openai/gpt-4o",
+  system: getSystemPrompt,
+  tools: {
+    getWeather: true,
+  },
+  maxSteps: 10,
+});

package/dist/templates/ai/ai/prompts/assistant.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { prompt } from "veryfront/ai";
+export default prompt({
+  id: "assistant",
+  description: "System prompt for the AI assistant",
+  content: `You are a helpful AI assistant with access to weather information.
+When users ask about the weather:
+1. Use the getWeather tool to fetch current conditions
+2. Provide a friendly summary of the weather
+3. Suggest appropriate activities based on conditions
+Be conversational and helpful. If you don't know something, say so honestly.`,
+});

package/dist/templates/ai/ai/tools/get-weather.ts ADDED Viewed

@@ -0,0 +1,29 @@
+import { tool } from "veryfront/ai";
+import { z } from "zod";
+export default tool({
+  description: "Get the current weather for a location",
+  inputSchema: z.object({
+    location: z.string().describe("The city and state, e.g. San Francisco, CA"),
+  }),
+  execute: ({ location }: { location: string }) => {
+    const mockWeather: Record<string, { temp: number; condition: string }> = {
+      "San Francisco, CA": { temp: 65, condition: "Foggy" },
+      "New York, NY": { temp: 75, condition: "Sunny" },
+      "London, UK": { temp: 60, condition: "Rainy" },
+      "Tokyo, Japan": { temp: 80, condition: "Humid" },
+    };
+    const weather = mockWeather[location] || {
+      temp: 70,
+      condition: "Clear",
+    };
+    return {
+      location,
+      temperature: weather.temp,
+      condition: weather.condition,
+      unit: "fahrenheit",
+    };
+  },
+});

package/dist/templates/ai/app/api/chat/route.ts ADDED Viewed

@@ -0,0 +1,37 @@
+import { z } from "zod";
+import { getAgent } from "veryfront/ai";
+const messageSchema = z.object({
+  role: z.enum(["user", "assistant", "system"]),
+  content: z.string().max(10000),
+});
+const chatRequestSchema = z.object({
+  messages: z.array(messageSchema).min(1).max(100),
+});
+export async function POST(request: Request) {
+  try {
+    const body = await request.json();
+    const { messages } = chatRequestSchema.parse(body);
+    const agent = getAgent("assistant");
+    if (!agent) {
+      return Response.json({ error: "Agent not found" }, { status: 404 });
+    }
+    const result = await agent.stream({ messages });
+    return result.toDataStreamResponse();
+  } catch (error) {
+    if (error instanceof z.ZodError) {
+      return Response.json(
+        { error: "Invalid request", details: error.errors },
+        { status: 400 }
+      );
+    }
+    return Response.json(
+      { error: "Internal server error" },
+      { status: 500 }
+    );
+  }
+}

package/dist/templates/ai/app/layout.tsx ADDED Viewed

@@ -0,0 +1,18 @@
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en" className="h-full">
+      <head>
+        <title>Veryfront AI Starter</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <script src="https://cdn.tailwindcss.com"></script>
+      </head>
+      <body className="h-full bg-slate-50 dark:bg-slate-900">
+        {children}
+      </body>
+    </html>
+  );
+}

package/dist/templates/ai/app/page.tsx ADDED Viewed

@@ -0,0 +1,28 @@
+'use client'
+import { Chat } from 'veryfront/ai/components'
+import { useChat } from 'veryfront/ai/react'
+export default function ChatPage() {
+  const chat = useChat({ api: '/api/chat' })
+  return (
+    <div className="flex flex-col h-screen bg-slate-50 dark:bg-slate-900">
+      <header className="flex-shrink-0 border-b border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900">
+        <div className="max-w-4xl mx-auto px-4 py-3 flex items-center gap-3">
+          <div className="w-10 h-10 rounded-xl bg-gradient-to-br from-violet-500 to-purple-600 flex items-center justify-center shadow-lg">
+            <svg className="w-5 h-5 text-white" viewBox="0 0 24 24" fill="currentColor">
+              <path d="M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456z" />
+            </svg>
+          </div>
+          <div>
+            <h1 className="font-semibold text-slate-800 dark:text-white">Veryfront AI</h1>
+            <p className="text-xs text-slate-500 dark:text-slate-400">Powered by Agents & Tools</p>
+          </div>
+        </div>
+      </header>
+      <Chat {...chat} className="flex-1" placeholder="Ask me anything..." />
+    </div>
+  )
+}

package/dist/templates/ai/tsconfig.json ADDED Viewed

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "lib": ["DOM", "DOM.Iterable", "ES2020"]
+  },
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
+}

package/dist/templates/ai/veryfront.config.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import type { VeryfrontConfig } from "veryfront";
+const config: VeryfrontConfig = {
+  client: {
+    moduleResolution: "self-hosted",
+  },
+};
+export default config;

package/dist/templates/app/_env.example ADDED Viewed

@@ -0,0 +1,16 @@
+# Environment variables
+DATABASE_URL=postgresql://user:password@localhost:5432/myapp
+REDIS_URL=redis://localhost:6379
+JWT_SECRET=your-secret-key-here
+# OAuth providers
+GITHUB_CLIENT_ID=
+GITHUB_CLIENT_SECRET=
+GOOGLE_CLIENT_ID=
+GOOGLE_CLIENT_SECRET=
+# Email service
+SMTP_HOST=smtp.example.com
+SMTP_PORT=587
+SMTP_USER=
+SMTP_PASS=

package/dist/templates/app/app/api/auth/login/route.ts ADDED Viewed

@@ -0,0 +1,53 @@
+import { z } from "zod";
+import { getEnv } from "veryfront/platform";
+import { createSession } from "../../../../lib/auth.ts";
+import { validatePassword } from "../../../../lib/users.ts";
+const loginSchema = z.object({
+  email: z.string().email(),
+  password: z.string().min(8),
+});
+export async function POST(request: Request) {
+  try {
+    const body = await request.json();
+    const { email, password } = loginSchema.parse(body);
+    // Validate credentials (replace with real DB lookup)
+    const user = await validatePassword(email, password);
+    if (!user) {
+      return Response.json(
+        { error: "Invalid credentials" },
+        { status: 401 }
+      );
+    }
+    // Create session
+    const session = await createSession(user);
+    // In production, ensure Secure flag is set for HTTPS-only transmission
+    const isProduction = getEnv("NODE_ENV") === "production";
+    const secureFlag = isProduction ? "; Secure" : "";
+    return Response.json(
+      { user, token: session.token },
+      {
+        headers: {
+          "Set-Cookie": `session=${session.token}; Path=/; HttpOnly; SameSite=Strict${secureFlag}`,
+        },
+      }
+    );
+  } catch (error) {
+    if (error instanceof z.ZodError) {
+      return Response.json(
+        { error: "Invalid input", details: error.errors },
+        { status: 400 }
+      );
+    }
+    return Response.json(
+      { error: "Internal server error" },
+      { status: 500 }
+    );
+  }
+}

package/dist/templates/app/app/api/auth/logout/route.ts ADDED Viewed

@@ -0,0 +1,27 @@
+import { deleteSession } from "../../../../lib/auth.ts";
+export async function POST(request: Request) {
+  try {
+    const cookieHeader = request.headers.get("cookie");
+    const sessionToken = cookieHeader
+      ?.split(";")
+      .find((c) => c.trim().startsWith("session="))
+      ?.split("=")[1];
+    if (sessionToken) {
+      await deleteSession(sessionToken);
+    }
+    return Response.json(
+      { success: true },
+      {
+        headers: {
+          "Set-Cookie":
+            "session=; Path=/; HttpOnly; SameSite=Strict; Max-Age=0",
+        },
+      }
+    );
+  } catch {
+    return Response.json({ error: "Internal server error" }, { status: 500 });
+  }
+}

package/dist/templates/app/app/api/auth/me/route.ts ADDED Viewed

@@ -0,0 +1,34 @@
+import { verifySession, getSession } from "../../../../lib/auth.ts";
+import { getUser } from "../../../../lib/users.ts";
+export async function GET(request: Request) {
+  try {
+    const cookieHeader = request.headers.get("cookie");
+    if (!cookieHeader) {
+      return Response.json({ error: "Not authenticated" }, { status: 401 });
+    }
+    const sessionToken = cookieHeader
+      .split(";")
+      .find((c) => c.trim().startsWith("session="))
+      ?.split("=")[1];
+    if (!sessionToken) {
+      return Response.json({ error: "Not authenticated" }, { status: 401 });
+    }
+    const session = await verifySession(sessionToken);
+    if (!session) {
+      return Response.json({ error: "Invalid session" }, { status: 401 });
+    }
+    const user = await getUser(session.userId);
+    if (!user) {
+      return Response.json({ error: "User not found" }, { status: 404 });
+    }
+    return Response.json({ user });
+  } catch {
+    return Response.json({ error: "Internal server error" }, { status: 500 });
+  }
+}

package/dist/templates/app/app/api/auth/register/route.ts ADDED Viewed

@@ -0,0 +1,42 @@
+import { z } from "zod";
+import { createUser } from "../../../../lib/users.ts";
+import { createSession } from "../../../../lib/auth.ts";
+import { getEnv } from "veryfront/platform";
+const registerSchema = z.object({
+  email: z.string().email(),
+  name: z.string().min(2).max(100),
+  password: z.string().min(8).max(100),
+});
+export async function POST(request: Request) {
+  try {
+    const body = await request.json();
+    const { email, name, password } = registerSchema.parse(body);
+    const user = await createUser({ email, name, password });
+    const session = await createSession(user as any);
+    const isProduction = getEnv("NODE_ENV") === "production";
+    const secureFlag = isProduction ? "; Secure" : "";
+    return Response.json(
+      { user, token: session.token },
+      {
+        status: 201,
+        headers: {
+          "Set-Cookie": `session=${session.token}; Path=/; HttpOnly; SameSite=Strict${secureFlag}`,
+        },
+      }
+    );
+  } catch (error) {
+    if (error instanceof z.ZodError) {
+      return Response.json(
+        { error: "Invalid input", details: error.errors },
+        { status: 400 }
+      );
+    }
+    return Response.json({ error: "Internal server error" }, { status: 500 });
+  }
+}

package/dist/templates/app/app/api/stats/route.ts ADDED Viewed

@@ -0,0 +1,21 @@
+import { requireAuth } from "../../../middleware/auth.ts";
+import { getStats } from "../../../lib/stats.ts";
+export async function GET(request: Request) {
+  const auth = await requireAuth(request);
+  if (!auth.ok) return auth.response;
+  const url = new URL(request.url);
+  const userId = url.searchParams.get("userId");
+  if (!userId) {
+    return Response.json(
+      { error: "userId parameter required" },
+      { status: 400 }
+    );
+  }
+  const stats = await getStats(userId);
+  return Response.json({ stats });
+}

package/dist/templates/app/app/api/users/route.ts ADDED Viewed

@@ -0,0 +1,42 @@
+import { z } from "zod";
+import { requireAuth } from "../../../middleware/auth.ts";
+import { getUsers, createUser } from "../../../lib/users.ts";
+const userSchema = z.object({
+  name: z.string().min(1),
+  email: z.string().email(),
+  role: z.enum(["user", "admin"]).default("user"),
+});
+export async function GET(request: Request) {
+  const auth = await requireAuth(request);
+  if (!auth.ok) return auth.response;
+  const users = await getUsers();
+  return Response.json({ users });
+}
+export async function POST(request: Request) {
+  const auth = await requireAuth(request);
+  if (!auth.ok) return auth.response;
+  try {
+    const body = await request.json();
+    const data = userSchema.parse(body);
+    const user = await createUser(data);
+    return Response.json({ user }, { status: 201 });
+  } catch (error) {
+    if (error instanceof z.ZodError) {
+      return Response.json(
+        { error: "Invalid input", details: error.errors },
+        { status: 400 }
+      );
+    }
+    return Response.json(
+      { error: "Internal server error" },
+      { status: 500 }
+    );
+  }
+}

package/dist/templates/app/app/dashboard/page.tsx ADDED Viewed

@@ -0,0 +1,29 @@
+import { redirect } from "veryfront";
+import { getSession } from "../../lib/auth.ts";
+import { DashboardLayout } from "../../components/DashboardLayout.tsx";
+import { StatsGrid } from "../../components/StatsGrid.tsx";
+import { RecentActivity } from "../../components/RecentActivity.tsx";
+export default async function DashboardPage() {
+  const session = await getSession();
+  if (!session) {
+    redirect("/login");
+  }
+  return (
+    <DashboardLayout>
+      <div className="space-y-8">
+        <div className="bg-white dark:bg-slate-800 rounded-2xl p-8 shadow-sm border border-slate-200 dark:border-slate-700">
+          <h1 className="text-3xl font-bold text-slate-900 dark:text-white">Dashboard</h1>
+          <p className="text-slate-600 dark:text-slate-400 mt-2">
+            Welcome back, <span className="font-semibold text-indigo-600 dark:text-indigo-400">{session.user.name}</span>! Here's what's happening with your projects.
+          </p>
+        </div>
+        <StatsGrid userId={session.user.id} />
+        <RecentActivity userId={session.user.id} />
+      </div>
+    </DashboardLayout>
+  );
+}

package/dist/templates/app/app/layout.tsx ADDED Viewed

@@ -0,0 +1,45 @@
+import * as React from "react";
+import { AuthProvider } from "../components/AuthProvider.tsx";
+import { Toaster } from "../components/Toaster.tsx";
+export const metadata = {
+  title: "My App",
+  description: "A full-stack app built with Veryfront",
+};
+export default function RootLayout({
+  children
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <html lang="en">
+      <head>
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <link
+          rel="stylesheet"
+          href="https://cdn.jsdelivr.net/npm/tailwindcss@3/dist/tailwind.min.css"
+        />
+        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
+        <style>{`
+          body { font-family: 'Inter', sans-serif; }
+          .animate-blob { animation: blob 7s infinite; }
+          .animation-delay-2000 { animation-delay: 2s; }
+          .animation-delay-4000 { animation-delay: 4s; }
+          @keyframes blob {
+            0% { transform: translate(0px, 0px) scale(1); }
+            33% { transform: translate(30px, -50px) scale(1.1); }
+            66% { transform: translate(-20px, 20px) scale(0.9); }
+            100% { transform: translate(0px, 0px) scale(1); }
+          }
+        `}</style>
+      </head>
+      <body className="bg-slate-50 text-slate-900 antialiased">
+        <AuthProvider>
+          {children}
+          <Toaster />
+        </AuthProvider>
+      </body>
+    </html>
+  );
+}