wiki-viewer 1.14.1 → 2.0.0

package/.next/standalone/src/app/s/[token]/page.tsx

@@ -1,357 +0,0 @@
-"use client";
-
-import {
-	AlertCircle,
-	Eye,
-	Lock,
-	Loader2,
-	FileText,
-	Copy,
-	Check,
-	ChevronDown,
-	Link,
-} from "lucide-react";
-import { useCallback, useEffect, useState } from "react";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Card } from "@/components/ui/card";
-import {
-	DropdownMenu,
-	DropdownMenuContent,
-	DropdownMenuItem,
-	DropdownMenuSeparator,
-	DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { ThemeProvider } from "@/components/theme-provider";
-import { KBEditor } from "@/components/editor/editor";
-import { useEditorStore } from "@/stores/editor-store";
-import { ViewWidthToggle } from "@/components/view-width-toggle";
-import { ThemeToggle } from "@/components/theme-toggle";
-
-type ShareState =
-	| { kind: "loading" }
-	| { kind: "password"; message: string }
-	| { kind: "error"; title: string; message: string }
-	| { kind: "content"; content: string; filename: string; viewCount: number };
-
-export default function SharedPage({
-	params,
-}: {
-	params: Promise<{ token: string }>;
-}) {
-	const [token, setToken] = useState<string | null>(null);
-	const [state, setState] = useState<ShareState>({ kind: "loading" });
-	const [password, setPassword] = useState("");
-	const [verifying, setVerifying] = useState(false);
-	const [pwdError, setPwdError] = useState(false);
-	const [copied, setCopied] = useState<string | null>(null);
-
-	const copyShareLink = () => {
-		if (!token) return;
-		const url = `${window.location.origin}/s/${token}`;
-		void navigator.clipboard.writeText(url);
-		setCopied("link");
-		setTimeout(() => setCopied(null), 2000);
-	};
-
-	const copyRawContent = async () => {
-		if (state.kind !== "content") return;
-		try {
-			await navigator.clipboard.writeText(state.content);
-			setCopied("raw");
-			setTimeout(() => setCopied(null), 2000);
-		} catch {
-			// silently fail
-		}
-	};
-
-	const copyFormattedContent = async () => {
-		if (state.kind !== "content") return;
-		try {
-			const { markdownToHtml } = await import("@/lib/markdown/to-html");
-			const html = await markdownToHtml(state.content);
-			if ("ClipboardItem" in window && navigator.clipboard.write) {
-				await navigator.clipboard.write([
-					new ClipboardItem({
-						"text/html": new Blob([html], { type: "text/html" }),
-						"text/plain": new Blob([state.content], { type: "text/plain" }),
-					}),
-				]);
-			} else {
-				await navigator.clipboard.writeText(state.content);
-			}
-			setCopied("formatted");
-			setTimeout(() => setCopied(null), 2000);
-		} catch {
-			// silently fail
-		}
-	};
-
-	const fetchShare = useCallback(
-		async () => {
-			if (!token) return;
-			setState({ kind: "loading" });
-			try {
-				const res = await fetch(`/api/share/${token}`);
-				const data = await res.json();
-
-				if (res.ok && data.content !== undefined) {
-					useEditorStore.setState({
-						currentPath: `shared/${token}/${data.filename ?? "document"}`,
-						content: data.content,
-						frontmatter: null,
-						isLoading: false,
-						loadStatus: "ok",
-						isDirty: false,
-						currentRevision: null,
-						saveStatus: "saved",
-					});
-					setState({
-						kind: "content",
-						content: data.content,
-						filename: data.filename ?? "document",
-						viewCount: data.viewCount ?? 0,
-					});
-				} else if (res.status === 401 && data.protected) {
-					setState({ kind: "password", message: data.message ?? "" });
-				} else if (res.status === 410) {
-					setState({
-						kind: "error",
-						title: "Link unavailable",
-						message: data.message ?? "This share link is no longer available.",
-					});
-				} else if (res.status === 404) {
-					setState({
-						kind: "error",
-						title: "Not found",
-						message: "This share link does not exist.",
-					});
-				} else {
-					setState({
-						kind: "error",
-						title: "Error",
-						message: data.message ?? "Something went wrong. Try again later.",
-					});
-				}
-			} catch {
-				setState({
-					kind: "error",
-					title: "Connection error",
-					message: "Could not reach the server. Check your connection.",
-				});
-			}
-		},
-		[token],
-	);
-
-	// Resolve token from params
-	useEffect(() => {
-		void params.then((p) => setToken(p.token));
-	}, [params]);
-
-	// Fetch on token resolve (no password)
-	useEffect(() => {
-		if (token) void fetchShare();
-	}, [token, fetchShare]);
-
-	const handleSubmitPassword = async (e: React.FormEvent) => {
-		e.preventDefault();
-		if (!password.trim() || !token) return;
-		setVerifying(true);
-		setPwdError(false);
-		try {
-			const res = await fetch(`/api/share/${token}`, {
-				method: "POST",
-				headers: { "Content-Type": "application/json" },
-				body: JSON.stringify({ password: password.trim() }),
-			});
-			const data = await res.json();
-
-			if (res.ok && data.content !== undefined) {
-				useEditorStore.setState({
-					currentPath: `shared/${token}/${data.filename ?? "document"}`,
-					content: data.content,
-					frontmatter: null,
-					isLoading: false,
-					loadStatus: "ok",
-					isDirty: false,
-					currentRevision: null,
-					saveStatus: "saved",
-				});
-				setState({
-					kind: "content",
-					content: data.content,
-					filename: data.filename ?? "document",
-					viewCount: data.viewCount ?? 0,
-				});
-			} else if (res.status === 403) {
-				setPwdError(true);
-				setState({ kind: "password", message: "Incorrect password" });
-			} else if (res.status === 429) {
-				setState({ kind: "password", message: "Too many attempts. Try again later." });
-			} else {
-				setState({ kind: "error", title: "Error", message: data.message ?? "Something went wrong." });
-			}
-		} catch {
-			setState({ kind: "error", title: "Connection error", message: "Could not reach the server." });
-		}
-		setVerifying(false);
-	};
-
-	return (
-		<ThemeProvider>
-			<div className="min-h-screen flex flex-col bg-background text-foreground">
-				<header className="border-b border-border bg-muted/50">
-					<div className="mx-auto flex max-w-4xl items-center gap-2 px-4 py-2">
-						{state.kind === "content" ? (
-							<>
-								<div className="flex items-center gap-2 min-w-0 flex-1">
-									<span className="h-2 w-2 rounded-full bg-success shrink-0" />
-									<span className="text-sm font-mono truncate" title={state.filename}>
-										{state.filename}
-									</span>
-								</div>
-								<div className="flex items-center gap-1 shrink-0">
-									<DropdownMenu>
-										<DropdownMenuTrigger asChild>
-											<Button
-												size="sm"
-												variant="ghost"
-												className="h-7 gap-1.5 px-2 text-xs data-[state=open]:bg-transparent"
-												title="Copy link, raw content, or formatted content"
-											>
-												{copied === "link" ? (
-													<Check className="h-3.5 w-3.5 text-success" />
-												) : (
-													<Copy className="h-3.5 w-3.5" />
-												)}
-												Copy
-												<ChevronDown className="h-3 w-3 opacity-60" />
-											</Button>
-										</DropdownMenuTrigger>
-										<DropdownMenuContent align="end" className="w-48">
-											<DropdownMenuItem onClick={copyShareLink}>
-												<Link className="mr-2 h-3.5 w-3.5" />
-												Copy share link
-											</DropdownMenuItem>
-											<DropdownMenuSeparator />
-											<DropdownMenuItem onClick={copyRawContent}>
-												<FileText className="mr-2 h-3.5 w-3.5" />
-												Copy raw content
-											</DropdownMenuItem>
-											<DropdownMenuItem onClick={copyFormattedContent}>
-												<FileText className="mr-2 h-3.5 w-3.5" />
-												Copy formatted content
-											</DropdownMenuItem>
-										</DropdownMenuContent>
-									</DropdownMenu>
-									<ViewWidthToggle />
-									<ThemeToggle />
-									<span className="text-xs text-muted-foreground ml-2">
-										{state.viewCount} view
-										{state.viewCount !== 1 ? "s" : ""}
-									</span>
-								</div>
-							</>
-						) : (
-							<>
-								<Eye className="h-4 w-4 text-muted-foreground" />
-								<span className="text-xs font-medium text-muted-foreground">
-									Shared document
-								</span>
-							</>
-						)}
-					</div>
-				</header>
-
-				{state.kind === "loading" && (
-					<div className="flex-1 flex items-center justify-center">
-						<Loader2 className="h-6 w-6 animate-spin text-muted-foreground" />
-					</div>
-				)}
-
-				{state.kind === "password" && (
-					<div className="flex-1 flex items-center justify-center px-4">
-						<Card className="max-w-sm w-full p-6">
-							<div className="flex flex-col items-center gap-4 text-center">
-								<div className="rounded-full bg-muted p-3">
-									<Lock className="h-6 w-6 text-muted-foreground" />
-								</div>
-								<div className="space-y-1">
-									<h1 className="text-base font-medium">
-										Password required
-									</h1>
-									<p className="text-sm text-muted-foreground">
-										{state.message ||
-											"This document is password-protected."}
-									</p>
-								</div>
-								<form
-									onSubmit={handleSubmitPassword}
-									className="w-full space-y-3"
-								>
-									<Input
-										type="password"
-										placeholder="Enter password"
-										value={password}
-										onChange={(e) => {
-											setPassword(e.target.value);
-											setPwdError(false);
-										}}
-										autoFocus
-									/>
-									{pwdError && (
-										<p className="text-xs text-destructive flex items-center gap-1">
-											<AlertCircle className="h-3 w-3" />
-											Wrong password. Try again.
-										</p>
-									)}
-									<Button
-										type="submit"
-										className="w-full"
-										disabled={verifying || !password.trim()}
-									>
-										{verifying ? (
-											<Loader2 className="h-4 w-4 animate-spin" />
-										) : (
-											"View document"
-										)}
-									</Button>
-								</form>
-							</div>
-						</Card>
-					</div>
-				)}
-
-				{state.kind === "error" && (
-					<div className="flex-1 flex flex-col items-center justify-center gap-4 px-4 text-center">
-						<div className="rounded-full bg-muted p-3">
-							<AlertCircle className="h-6 w-6 text-muted-foreground" />
-						</div>
-						<div className="space-y-1">
-							<h1 className="text-base font-medium">{state.title}</h1>
-							<p className="text-sm text-muted-foreground">
-								{state.message}
-							</p>
-						</div>
-					</div>
-				)}
-
-				{state.kind === "content" && (
-					<KBEditor mode="viewing" />
-				)}
-
-				{state.kind === "content" && (
-					<footer className="border-t border-border bg-muted/30">
-						<div className="mx-auto flex max-w-4xl items-center gap-2 px-4 py-2">
-							<FileText className="h-3 w-3 text-muted-foreground" />
-							<span className="text-xs text-muted-foreground">
-								{state.filename}
-							</span>
-						</div>
-					</footer>
-				)}
-			</div>
-		</ThemeProvider>
-	);
-}

package/.next/standalone/src/app/signin/page.tsx

@@ -1,16 +0,0 @@
-import SignInForm from "./signin-form";
-import { passwordAuthEnabled } from "@/lib/auth/server";
-
-// Server component: resolve the available auth methods at render time so the
-// initial HTML already reflects the configuration. This prevents the password
-// form from flashing on load when it is disabled (AUTH_DISABLE_PASSWORD=1).
-export const dynamic = "force-dynamic";
-
-export default function SignInPage() {
-	const google = Boolean(
-		process.env.GOOGLE_CLIENT_ID && process.env.GOOGLE_CLIENT_SECRET,
-	);
-	return (
-		<SignInForm initialPasswordAuth={passwordAuthEnabled} initialGoogle={google} />
-	);
-}

package/.next/standalone/src/app/signin/signin-form.tsx

@@ -1,238 +0,0 @@
-"use client";
-
-import { useState, useEffect, type FormEvent } from "react";
-import { authClient } from "@/lib/auth/client";
-
-export default function SignInForm({
-	initialPasswordAuth,
-	initialGoogle,
-}: {
-	initialPasswordAuth: boolean;
-	initialGoogle: boolean;
-}) {
-	const [mode, setMode] = useState<"signin" | "signup">("signin");
-	const [email, setEmail] = useState("");
-	const [password, setPassword] = useState("");
-	const [name, setName] = useState("");
-	const [error, setError] = useState<string | null>(null);
-	const [loading, setLoading] = useState(false);
-	// Seed from server-rendered values so the first paint already matches the
-	// configured auth methods. This avoids a flash of the password form when it
-	// is disabled. The fetch below only refreshes in case config changed.
-	const [hasGoogle, setHasGoogle] = useState(initialGoogle);
-	const [passwordAuth, setPasswordAuth] = useState(initialPasswordAuth);
-	const [callbackURL, setCallbackURL] = useState("/");
-
-	useEffect(() => {
-		// Refresh which auth methods to show. Public endpoint, no session needed.
-		fetch("/api/system/auth-config", { credentials: "include" })
-			.then((r) => r.json())
-			.then((data: unknown) => {
-				if (data && typeof data === "object") {
-					const cfg = data as { google?: boolean; passwordAuth?: boolean };
-					setHasGoogle(Boolean(cfg.google));
-					setPasswordAuth(cfg.passwordAuth !== false);
-				}
-			})
-			.catch(() => {});
-
-		// Honour ?next= redirect param
-		const params = new URLSearchParams(window.location.search);
-		const next = params.get("next");
-		if (next && next.startsWith("/")) setCallbackURL(next);
-	}, []);
-
-	async function handleSubmit(e: FormEvent) {
-		e.preventDefault();
-		setError(null);
-		setLoading(true);
-		try {
-			if (mode === "signup") {
-				const res = await authClient.signUp.email({
-					email,
-					password,
-					name,
-					callbackURL,
-				});
-				if (res.error) {
-					setError(res.error.message ?? "Sign-up failed");
-				} else {
-					window.location.href = callbackURL;
-				}
-			} else {
-				const res = await authClient.signIn.email({
-					email,
-					password,
-					callbackURL,
-				});
-				if (res.error) {
-					const status = res.error.status;
-					if (status === 429) {
-						setError("Too many sign-in attempts. Wait a minute and try again.");
-					} else {
-						setError(res.error.message ?? "Sign-in failed");
-					}
-				} else {
-					window.location.href = callbackURL;
-				}
-			}
-		} catch (err: unknown) {
-			setError(err instanceof Error ? err.message : "Unexpected error");
-		} finally {
-			setLoading(false);
-		}
-	}
-
-	async function handleGoogle() {
-		setError(null);
-		setLoading(true);
-		try {
-			await authClient.signIn.social({ provider: "google", callbackURL });
-		} catch (err: unknown) {
-			setError(err instanceof Error ? err.message : "Google sign-in failed");
-			setLoading(false);
-		}
-	}
-
-	return (
-		<div className="min-h-screen flex items-center justify-center bg-background">
-			<div className="w-full max-w-sm rounded-lg border border-border bg-card p-8 shadow-sm">
-				<h1 className="mb-6 text-xl font-semibold text-foreground">Sign in to wiki-viewer</h1>
-
-				{hasGoogle && (
-					<>
-						<button
-							type="button"
-							onClick={handleGoogle}
-							disabled={loading}
-							className="flex w-full items-center justify-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium hover:bg-accent disabled:opacity-50"
-						>
-							<svg viewBox="0 0 24 24" className="h-4 w-4" aria-hidden="true">
-								<path
-									fill="#4285F4"
-									d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
-								/>
-								<path
-									fill="#34A853"
-									d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
-								/>
-								<path
-									fill="#FBBC05"
-									d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l3.66-2.84z"
-								/>
-								<path
-									fill="#EA4335"
-									d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
-								/>
-							</svg>
-							Continue with Google
-						</button>
-						{passwordAuth && (
-							<div className="my-4 flex items-center gap-3">
-								<hr className="flex-1 border-border" />
-								<span className="text-xs text-muted-foreground">or</span>
-								<hr className="flex-1 border-border" />
-							</div>
-						)}
-					</>
-				)}
-
-				{!passwordAuth && !hasGoogle && (
-					<p className="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">
-						No sign-in method is configured. Set GOOGLE_CLIENT_ID and
-						GOOGLE_CLIENT_SECRET, or enable email/password auth.
-					</p>
-				)}
-
-				{passwordAuth && (
-				<form onSubmit={handleSubmit} className="space-y-4">
-					{mode === "signup" && (
-						<div>
-							<label className="mb-1 block text-sm font-medium text-foreground" htmlFor="name">
-								Name
-							</label>
-							<input
-								id="name"
-								type="text"
-								autoComplete="name"
-								value={name}
-								onChange={(e) => setName(e.target.value)}
-								required
-								className="w-full rounded-md border border-border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
-							/>
-						</div>
-					)}
-					<div>
-						<label className="mb-1 block text-sm font-medium text-foreground" htmlFor="email">
-							Email
-						</label>
-						<input
-							id="email"
-							type="email"
-							autoComplete="email"
-							value={email}
-							onChange={(e) => setEmail(e.target.value)}
-							required
-							className="w-full rounded-md border border-border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
-						/>
-					</div>
-					<div>
-						<label
-							className="mb-1 block text-sm font-medium text-foreground"
-							htmlFor="password"
-						>
-							Password
-						</label>
-						<input
-							id="password"
-							type="password"
-							autoComplete={mode === "signup" ? "new-password" : "current-password"}
-							value={password}
-							onChange={(e) => setPassword(e.target.value)}
-							required
-							minLength={8}
-							className="w-full rounded-md border border-border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
-						/>
-					</div>
-
-					{error && (
-						<p className="rounded-md bg-destructive/10 px-3 py-2 text-sm text-destructive">
-							{error}
-						</p>
-					)}
-
-					<button
-						type="submit"
-						disabled={loading}
-						className="w-full rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50"
-					>
-						{loading
-							? mode === "signup"
-								? "Creating account..."
-								: "Signing in..."
-							: mode === "signup"
-								? "Create account"
-								: "Sign in"}
-					</button>
-				</form>
-				)}
-
-				{passwordAuth && (
-				<p className="mt-4 text-center text-sm text-muted-foreground">
-					{mode === "signin" ? "No account?" : "Already have an account?"}{" "}
-					<button
-						type="button"
-						onClick={() => {
-							setMode(mode === "signin" ? "signup" : "signin");
-							setError(null);
-						}}
-						className="font-medium text-foreground underline-offset-4 hover:underline"
-					>
-						{mode === "signin" ? "Sign up" : "Sign in"}
-					</button>
-				</p>
-				)}
-			</div>
-		</div>
-	);
-}