Merge branch 'pr-43'

Author: will-lp1

apps/snow-leopard/app/[author]/[slug]/layout.tsx

@@ -0,0 +1,54 @@
+import { ReactNode } from 'react';
+import type { Metadata } from 'next';
+import { db } from '@snow-leopard/db';
+import * as schema from '@snow-leopard/db';
+import { eq, and } from 'drizzle-orm';
+
+export async function generateMetadata({ params }: any) {
+  const { author, slug } = params;
+  const result = await db
+    .select()
+    .from(schema.Document)
+    .where(
+      and(
+        eq(schema.Document.author, author),
+        eq(schema.Document.slug, slug),
+        eq(schema.Document.visibility, 'public')
+      )
+    )
+    .limit(1);
+  const doc = result[0];
+  if (!doc) {
+    return { title: 'Snow Leopard' };
+  }
+  const dateString = new Date(doc.createdAt).toLocaleDateString('en-US');
+  const title = doc.title;
+  const description = (doc.content ?? '').slice(0, 160);
+  const baseUrl = process.env.NEXT_PUBLIC_BASE_URL || '';
+  const ogUrl = `${baseUrl}/api/og?type=post&title=${encodeURIComponent(
+    title
+  )}&author=${encodeURIComponent(author)}&date=${encodeURIComponent(dateString)}`;
+  return {
+    title,
+    description,
+    openGraph: {
+      url: `${baseUrl}/${author}/${slug}`,
+      title,
+      description,
+      siteName: 'snowleopard',
+      images: [
+        { url: ogUrl, width: 1200, height: 630, alt: title },
+      ],
+    },
+    twitter: {
+      card: 'summary_large_image',
+      title,
+      description,
+      images: [{ url: ogUrl, alt: title }],
+    },
+  };
+}
+
+export default function BlogPageLayout({ children }: { children: ReactNode }) {
+  return <>{children}</>;
+} 

apps/snow-leopard/app/[author]/[slug]/page.tsx

@@ -0,0 +1,60 @@
+import { notFound } from 'next/navigation';
+import { db } from '@snow-leopard/db';
+import * as schema from '@snow-leopard/db';
+import { eq, and } from 'drizzle-orm';
+import { Blog } from '@/components/blog';
+import AIChatWidget from '@/components/ai-chat-widget';
+import ThemeToggle from '@/components/theme-toggle';
+import Link from 'next/link';
+import { Button } from '@/components/ui/button';
+
+export default async function Page({ params }: any) {
+  const { author, slug } = await params;
+  const result = await db
+    .select()
+    .from(schema.Document)
+    .where(
+      and(
+        eq(schema.Document.author, author),
+        eq(schema.Document.slug, slug),
+        eq(schema.Document.visibility, 'public')
+      )
+    )
+    .limit(1);
+  const doc = result[0];
+  if (!doc) {
+    notFound();
+  }
+  const styleObj = (doc.style as any) || {};
+  const font = styleObj.font as any;
+  const accentColor = styleObj.accentColor as string;
+  const textColorLight = styleObj.textColorLight as string;
+  const textColorDark = styleObj.textColorDark as string;
+  const dateString = new Date(doc.createdAt).toLocaleDateString('en-US');
+  return (
+    <>
+      <ThemeToggle />
+      <Link href="/register">
+        <Button variant="outline" className="fixed top-4 right-4 z-50">
+          Sign up to Snow Leopard
+        </Button>
+      </Link>
+      <Blog
+        title={doc.title}
+        content={doc.content || ''}
+        font={font}
+        accentColor={accentColor}
+        textColorLight={textColorLight}
+        textColorDark={textColorDark}
+        author={doc.author || author}
+        date={dateString}
+      />
+      <AIChatWidget
+        context={doc.content || ''}
+        title={doc.title}
+        author={doc.author || author}
+        date={dateString}
+      />
+    </>
+  );
+} 

apps/snow-leopard/app/api/blog-chat/route.ts

@@ -0,0 +1,39 @@
+import { streamText, smoothStream } from 'ai';
+import { DEFAULT_CHAT_MODEL } from '@/lib/ai/models';
+import { myProvider } from '@/lib/ai/providers';
+
+export async function POST(request: Request) {
+  const { messages, context, title, author, date } = await request.json();
+
+  const prompt = [
+    'You are a helpful AI assistant answering reader questions about the following article. Provide concise, accurate answers.',
+    '',
+    `Title: ${title}`,
+    `Author: ${author}`,
+    `Date: ${date}`,
+    '',
+    context,
+    ...messages.map((m: any) => `${m.role}: ${m.content}`),
+    'assistant:'
+  ].join('\n');
+
+  const { fullStream } = streamText({
+    model: myProvider.languageModel(DEFAULT_CHAT_MODEL),
+    prompt,
+    experimental_transform: smoothStream({ chunking: 'word' }),
+  });
+
+  return new Response(
+    new ReadableStream({
+      async start(controller) {
+        for await (const delta of fullStream) {
+          if (delta.type === 'text-delta') {
+            controller.enqueue(new TextEncoder().encode(delta.textDelta));
+          }
+        }
+        controller.close();
+      }
+    }),
+    { headers: { 'Content-Type': 'text/plain; charset=utf-8' } }
+  );
+}

apps/snow-leopard/app/api/chat/route.ts

@@ -29,7 +29,6 @@ import { NextResponse } from 'next/server';
 import { myProvider } from '@/lib/ai/providers';
 import { auth } from "@/lib/auth";
 import { headers } from 'next/headers';
-import { ArtifactKind } from '@/components/artifact';
 import type { Document } from '@snow-leopard/db';
 import { createDocument as aiCreateDocument } from '@/lib/ai/tools/create-document';
 import { webSearch } from '@/lib/ai/tools/web-search';

apps/snow-leopard/app/api/document/actions/publish.ts

@@ -0,0 +1,38 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { auth } from "@/lib/auth";
+import { headers } from "next/headers";
+import { updateDocumentPublishSettings, getActiveSubscriptionByUserId } from "@/lib/db/queries";
+
+export async function publishDocument(request: NextRequest, body: any): Promise<NextResponse> {
+  const readonlyHeaders = await headers();
+  const requestHeaders = new Headers(readonlyHeaders);
+  const session = await auth.api.getSession({ headers: requestHeaders });
+  if (!session?.user?.id) {
+    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+  }
+  const userId = session.user.id;
+  
+  // Server-side subscription check
+  if (process.env.STRIPE_ENABLED === 'true') {
+    const subscription = await getActiveSubscriptionByUserId({ userId });
+    if (!subscription || subscription.status !== 'active') {
+      return NextResponse.json({ error: 'Payment Required: publishing is pro-only' }, { status: 402 });
+    }
+  }
+  
+  const { id: documentId, visibility, author, style, slug } = body;
+  if (!documentId || !slug) {
+    return NextResponse.json({ error: 'Invalid parameters' }, { status: 400 });
+  }
+
+  try {
+    const updatedDocument = await updateDocumentPublishSettings({ documentId, userId, visibility, author, style, slug });
+    return NextResponse.json(updatedDocument);
+  } catch (error: any) {
+    console.error('[API /document/publish] Failed to update publish settings:', error);
+    if (typeof error?.message === 'string' && error.message.toLowerCase().includes('already published')) {
+      return NextResponse.json({ error: error.message }, { status: 409 });
+    }
+    return NextResponse.json({ error: error.message || 'Failed to update publish settings' }, { status: 500 });
+  }
+} 

apps/snow-leopard/app/api/document/publish/route.ts

@@ -0,0 +1,18 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { publishDocument } from '../actions/publish';
+
+export async function POST(request: NextRequest) {
+  let body: any;
+  try {
+    body = await request.json();
+  } catch (error: any) {
+    console.error('[API /document/publish] Invalid JSON:', error);
+    return NextResponse.json({ error: 'Invalid JSON body' }, { status: 400 });
+  }
+  try {
+    return await publishDocument(request, body);
+  } catch (error: any) {
+    console.error('[API /document/publish] Error handling publish:', error);
+    return NextResponse.json({ error: error.message || 'Error publishing document' }, { status: 500 });
+  }
+} 

apps/snow-leopard/app/api/og/route.tsx

@@ -5,68 +5,124 @@ export const runtime = 'edge';
 
 export async function GET(req: NextRequest) {
   const { searchParams } = new URL(req.url);
+  const type = searchParams.get('type');
 
-  // ?title=<title>
-  const hasTitle = searchParams.has('title');
-  const title = hasTitle
-    ? searchParams.get('title')?.slice(0, 100)
-    : 'Snow Leopard';
+  if (
+    type === 'post' &&
+    searchParams.has('title') &&
+    searchParams.has('author') &&
+    searchParams.has('date')
+  ) {
+    const title = searchParams.get('title')?.slice(0, 100) ?? 'Untitled';
+    const author = searchParams.get('author')?.slice(0, 50) ?? 'Anonymous';
+    const date = searchParams.get('date') ?? '';
+
+    return new ImageResponse(
+      (
+        <div
+          style={{
+            width: '100%',
+            height: '100%',
+            display: 'flex',
+            flexDirection: 'column',
+            background: 'white',
+            padding: '60px',
+            fontFamily: '"SF Pro Display", "Helvetica Neue", "Arial", sans-serif',
+            position: 'relative',
+          }}
+        >
+          <div
+            style={{
+              position: 'absolute',
+              top: 60,
+              left: 60,
+              fontSize: 28,
+              fontWeight: 500,
+              color: '#1f2937',
+            }}
+          >
+            snow leopard
+          </div>
+          <div
+            style={{
+              display: 'flex',
+              flexDirection: 'column',
+              justifyContent: 'center',
+              alignItems: 'center',
+              flexGrow: 1,
+              paddingTop: 80,
+            }}
+          >
+            <div
+              style={{
+                fontSize: 72,
+                fontWeight: 800,
+                color: '#1f2937',
+                lineHeight: 1.1,
+                maxWidth: '95%',
+                textAlign: 'center',
+              }}
+            >
+              {title}
+            </div>
+            <div
+              style={{
+                display: 'flex',
+                alignItems: 'center',
+                marginTop: 32,
+                fontSize: 32,
+                fontWeight: 400,
+                color: '#6b7280',
+              }}
+            >
+              <span>{author}</span>
+              <span style={{ margin: '0 12px' }}>•</span>
+              <span>{date}</span>
+            </div>
+          </div>
+        </div>
+      ),
+      { width: 1200, height: 630 }
+    );
+  }
 
   return new ImageResponse(
     (
-      <div style={{
-        width: 1200,
-        height: 630,
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        background: 'radial-gradient(circle at center, #ffffff 60%, #f0f0f0 100%)', // floating backdrop
-      }}>
-        <div style={{
-          width: 600,
-          height: 600,
-          borderRadius: '50%',
-          background: 'radial-gradient(circle at center, #f9f9f9 0%, #e0e0e0 100%)',
-          border: '8px solid #c0c0c0', // silver border
-          boxShadow: '0 20px 40px rgba(0,0,0,0.15), inset 0 0 30px rgba(0,0,0,0.03)', // drop shadow for floating effect
-          fontFamily: '"SF Pro Display", "Helvetica Neue", "Arial", sans-serif',
-          position: 'relative',
+      <div
+        style={{
+          width: '100%',
+          height: '100%',
           display: 'flex',
           flexDirection: 'column',
           alignItems: 'center',
           justifyContent: 'center',
-        }}>
-          <div style={{
-            fontSize: 72,
-            fontWeight: 800,
+          background: 'white',
+          fontFamily: '"SF Pro Display", "Helvetica Neue", "Arial", sans-serif',
+          padding: '60px',
+        }}
+      >
+        <div
+          style={{
+            fontSize: 84,
+            fontWeight: 500,
             letterSpacing: '-0.05em',
-            lineHeight: 1,
-            textAlign: 'center',
-            fontFamily: '"SF Pro Display", "Helvetica Neue", "Arial", sans-serif',
-            color: '#1f2937', // gray-800
-          }}>
-            {title}
-          </div>
-          <div style={{
-            fontSize: 28,
-            fontWeight: 400,
+            color: '#1f2937',
+          }}
+        >
+          Snow Leopard
+        </div>
+        <div
+          style={{
+            fontSize: 32,
             marginTop: 24,
-            color: '#6b7280', // gray-500
-            textAlign: 'center',
-            fontFamily: '"SF Pro Display", "Helvetica Neue", "Arial", sans-serif',
-          }}>
-            Tab, Tab, Apply
-          </div>
-          <div style={{
-            fontSize: 28,
             fontWeight: 400,
-            marginTop: 8,
             color: '#6b7280',
             textAlign: 'center',
-            fontFamily: '"SF Pro Display", "Helvetica Neue", "Arial", sans-serif',
-          }}>
-            Brilliance
-          </div>
+            maxWidth: '75%',
+            lineHeight: 1.4,
+          }}
+        >
+          The most satisfying, intuitive AI writing tool, and it&apos;s open source.
         </div>
       </div>
     ),