wiki-viewer 1.9.1 → 1.11.0

package/.next/standalone/src/components/ui/dialog.tsx

@@ -17,7 +17,7 @@ const DialogOverlay = React.forwardRef<
 	<DialogPrimitive.Overlay
 		ref={ref}
 		className={cn(
-			"fixed inset-0 z-40 bg-[#0c0a09]/40 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+			"fixed inset-0 z-40 bg-overlay backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
 			className,
 		)}
 		{...props}

package/.next/standalone/src/components/ui/sheet.tsx

@@ -17,7 +17,7 @@ const SheetOverlay = React.forwardRef<
 	<DialogPrimitive.Overlay
 		ref={ref}
 		className={cn(
-			"fixed inset-0 z-40 bg-black/40 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+			"fixed inset-0 z-40 bg-overlay backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
 			className,
 		)}
 		{...props}

package/.next/standalone/src/components/ui/switch.tsx

@@ -12,7 +12,7 @@ function Switch({
 		<SwitchPrimitive.Root
 			data-slot="switch"
 			className={cn(
-				"peer data-[state=checked]:bg-accent data-[state=unchecked]:bg-input inline-flex h-5 w-9 shrink-0 items-center rounded-sm border-2 border-transparent shadow-e-1 transition-all outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer",
+				"peer data-[state=checked]:bg-[var(--switch-checked)] data-[state=unchecked]:bg-input inline-flex h-5 w-9 shrink-0 items-center rounded-sm border-2 border-transparent shadow-e-1 transition-all outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer",
 				className,
 			)}
 			{...props}

package/.next/standalone/src/components/view-width-toggle.tsx

@@ -6,17 +6,23 @@ import {
 	DropdownMenu,
 	DropdownMenuContent,
 	DropdownMenuItem,
+	DropdownMenuLabel,
+	DropdownMenuSeparator,
 	DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 import {
 	useViewWidthStore,
 	VIEW_WIDTH_LABEL,
 	VIEW_WIDTH_ORDER,
+	VIEW_ALIGN_LABEL,
+	VIEW_ALIGN_ORDER,
 } from "@/stores/view-width-store";
 
 export function ViewWidthToggle({ className }: { className?: string }) {
 	const width = useViewWidthStore((s) => s.width);
 	const setWidth = useViewWidthStore((s) => s.setWidth);
+	const align = useViewWidthStore((s) => s.align);
+	const setAlign = useViewWidthStore((s) => s.setAlign);
 
 	return (
 		<DropdownMenu>
@@ -31,6 +37,9 @@ export function ViewWidthToggle({ className }: { className?: string }) {
 				</Button>
 			</DropdownMenuTrigger>
 			<DropdownMenuContent align="end" className="w-36">
+				<DropdownMenuLabel className="text-[11px] text-muted-foreground">
+					Width
+				</DropdownMenuLabel>
 				{VIEW_WIDTH_ORDER.map((w) => (
 					<DropdownMenuItem
 						key={w}
@@ -41,6 +50,20 @@ export function ViewWidthToggle({ className }: { className?: string }) {
 						{w === width && <Check className="h-3.5 w-3.5" />}
 					</DropdownMenuItem>
 				))}
+				<DropdownMenuSeparator />
+				<DropdownMenuLabel className="text-[11px] text-muted-foreground">
+					Alignment
+				</DropdownMenuLabel>
+				{VIEW_ALIGN_ORDER.map((a) => (
+					<DropdownMenuItem
+						key={a}
+						onClick={() => setAlign(a)}
+						className="flex items-center justify-between text-xs"
+					>
+						{VIEW_ALIGN_LABEL[a]}
+						{a === align && <Check className="h-3.5 w-3.5" />}
+					</DropdownMenuItem>
+				))}
 			</DropdownMenuContent>
 		</DropdownMenu>
 	);

package/.next/standalone/src/lib/shared-docs/db.ts

@@ -0,0 +1,177 @@
+/**
+ * Shared docs DB — stores share links for public read-only access.
+ *
+ * Each share link references a (workspaceId, filePath) pair. The link
+ * can optionally be password-protected and/or time-limited.
+ *
+ * DB: ~/.wiki-viewer/shared.db (WAL mode, separate from auth.db and search.db).
+ */
+import Database from "better-sqlite3";
+import path from "node:path";
+import os from "node:os";
+import { mkdirSync } from "node:fs";
+import { randomBytes, scryptSync, timingSafeEqual } from "node:crypto";
+
+export interface SharedDoc {
+	id: string;
+	workspaceId: string;
+	filePath: string;
+	token: string;
+	passwordHash: string | null;
+	expiresAt: string | null;
+	createdBy: string;
+	createdAt: string;
+	viewCount: number;
+	isRevoked: boolean;
+}
+
+export interface CreateSharedDocInput {
+	workspaceId: string;
+	filePath: string;
+	password?: string;
+	expiresAt?: string; // ISO date string, e.g. "2026-07-10T00:00:00Z"
+	createdBy: string;
+}
+
+function dataDir(): string {
+	return path.join(process.env.HOME ?? os.homedir(), ".wiki-viewer");
+}
+
+let _db: InstanceType<typeof Database> | null = null;
+
+function getDb(): InstanceType<typeof Database> {
+	if (_db) return _db;
+	const dir = dataDir();
+	mkdirSync(dir, { recursive: true });
+	_db = new Database(path.join(dir, "shared.db"));
+	_db.pragma("journal_mode = WAL");
+	_db.pragma("synchronous = NORMAL");
+	_db.exec(`
+		CREATE TABLE IF NOT EXISTS shared_docs (
+			id            TEXT PRIMARY KEY,
+			workspace_id  TEXT NOT NULL,
+			file_path     TEXT NOT NULL,
+			token         TEXT NOT NULL UNIQUE,
+			password_hash TEXT,
+			expires_at    TEXT,
+			created_by    TEXT NOT NULL,
+			created_at    TEXT NOT NULL,
+			view_count    INTEGER NOT NULL DEFAULT 0,
+			is_revoked    INTEGER NOT NULL DEFAULT 0
+		);
+		CREATE INDEX IF NOT EXISTS shared_docs_token_idx ON shared_docs(token);
+		CREATE INDEX IF NOT EXISTS shared_docs_file_idx ON shared_docs(workspace_id, file_path);
+	`);
+	return _db;
+}
+
+export function createShare(input: CreateSharedDocInput): SharedDoc {
+	const db = getDb();
+	const id = "shr_" + randomBytes(8).toString("base64url");
+	const token = randomBytes(16).toString("base64url");
+	const passwordHash = input.password ? hashPassword(input.password) : null;
+
+	const shared: SharedDoc = {
+		id,
+		workspaceId: input.workspaceId,
+		filePath: input.filePath,
+		token,
+		passwordHash,
+		expiresAt: input.expiresAt ?? null,
+		createdBy: input.createdBy,
+		createdAt: new Date().toISOString(),
+		viewCount: 0,
+		isRevoked: false,
+	};
+
+	const dbValues = {
+		...shared,
+		isRevoked: shared.isRevoked ? 1 : 0,
+	};
+
+	db.prepare(
+		`INSERT INTO shared_docs
+		 (id, workspace_id, file_path, token, password_hash, expires_at, created_by, created_at, view_count, is_revoked)
+		 VALUES (@id, @workspaceId, @filePath, @token, @passwordHash, @expiresAt, @createdBy, @createdAt, @viewCount, @isRevoked)`,
+	).run(dbValues);
+	return shared;
+}
+
+type DbRow = Record<string, unknown>;
+
+function rowToShare(row: DbRow): SharedDoc {
+	return {
+		id: row.id as string,
+		workspaceId: row.workspace_id as string,
+		filePath: row.file_path as string,
+		token: row.token as string,
+		passwordHash: (row.password_hash as string | null) ?? null,
+		expiresAt: (row.expires_at as string | null) ?? null,
+		createdBy: row.created_by as string,
+		createdAt: row.created_at as string,
+		viewCount: (row.view_count as number) ?? 0,
+		isRevoked: (row.is_revoked as number) === 1,
+	};
+}
+
+export function getShareByToken(token: string): SharedDoc | null {
+	const db = getDb();
+	const row = db.prepare("SELECT * FROM shared_docs WHERE token = ?").get(token) as
+		| DbRow
+		| undefined;
+	return row ? rowToShare(row) : null;
+}
+
+export function listSharesForFile(
+	workspaceId: string,
+	filePath: string,
+): SharedDoc[] {
+	const db = getDb();
+	const rows = db
+		.prepare(
+			"SELECT * FROM shared_docs WHERE workspace_id = ? AND file_path = ? AND is_revoked = 0 ORDER BY created_at DESC",
+		)
+		.all(workspaceId, filePath) as DbRow[];
+	return rows.map(rowToShare);
+}
+
+export function revokeShare(id: string): void {
+	const db = getDb();
+	db.prepare("UPDATE shared_docs SET is_revoked = 1 WHERE id = ?").run(id);
+}
+
+export function incrementViewCount(token: string): void {
+	const db = getDb();
+	db.prepare(
+		"UPDATE shared_docs SET view_count = view_count + 1 WHERE token = ?",
+	).run(token);
+}
+
+export function isExpired(share: SharedDoc): boolean {
+	if (!share.expiresAt) return false;
+	return new Date(share.expiresAt) < new Date();
+}
+
+function hashPassword(password: string): string {
+	const salt = randomBytes(16).toString("hex");
+	const hash = scryptSync(password, salt, 64).toString("hex");
+	return `${salt}:${hash}`;
+}
+
+export function verifyPassword(password: string, stored: string): boolean {
+	const [salt, hash] = stored.split(":");
+	const expected = scryptSync(password, salt, 64);
+	const actual = Buffer.from(hash, "hex");
+	if (expected.length !== actual.length) return false;
+	return timingSafeEqual(expected, actual);
+}
+
+/** Reset cached DB handle (used by tests). */
+export function _resetSharedDb(): void {
+	try {
+		_db?.close();
+	} catch {
+		/* ignore */
+	}
+	_db = null;
+}

package/.next/standalone/src/middleware.ts

@@ -6,6 +6,7 @@ import { NextResponse, type NextRequest } from "next/server";
 const PASSTHROUGH_PREFIXES = [
 	"/signin",
 	"/api/",            // ALL API routes self-gate; middleware never redirects API
+	"/s/",              // Public shared doc pages (auth handled by the page/api)
 	"/_next",
 	"/icon.svg",
 	"/favicon.ico",

package/.next/standalone/src/stores/sidebar-width-store.ts

@@ -0,0 +1,39 @@
+"use client";
+import { create } from "zustand";
+
+const STORAGE_KEY = "wiki-sidebar-width";
+
+export const SIDEBAR_MIN_WIDTH = 200;
+export const SIDEBAR_MAX_WIDTH = 600;
+export const SIDEBAR_DEFAULT_WIDTH = 288; // matches former w-72 (18rem)
+
+function clamp(w: number): number {
+	if (Number.isNaN(w)) return SIDEBAR_DEFAULT_WIDTH;
+	return Math.min(SIDEBAR_MAX_WIDTH, Math.max(SIDEBAR_MIN_WIDTH, Math.round(w)));
+}
+
+function loadInitial(): number {
+	if (typeof window === "undefined") return SIDEBAR_DEFAULT_WIDTH;
+	const saved = localStorage.getItem(STORAGE_KEY);
+	if (saved) {
+		const n = Number.parseInt(saved, 10);
+		if (!Number.isNaN(n)) return clamp(n);
+	}
+	return SIDEBAR_DEFAULT_WIDTH;
+}
+
+interface SidebarWidthState {
+	width: number;
+	setWidth: (width: number) => void;
+}
+
+export const useSidebarWidthStore = create<SidebarWidthState>((set) => ({
+	width: loadInitial(),
+	setWidth: (width) => {
+		const w = clamp(width);
+		if (typeof window !== "undefined") {
+			localStorage.setItem(STORAGE_KEY, String(w));
+		}
+		set({ width: w });
+	},
+}));

package/.next/standalone/src/stores/skin-store.ts

@@ -0,0 +1,42 @@
+"use client";
+import { create } from "zustand";
+
+export type Skin = "default" | "editorial";
+
+const STORAGE_KEY = "wiki-skin";
+
+export const SKIN_LABEL: Record<Skin, string> = {
+	default: "Default",
+	editorial: "Editorial",
+};
+
+export const SKIN_ORDER: Skin[] = ["default", "editorial"];
+
+function loadInitial(): Skin {
+	// Read from the attribute already set by the no-flash script (avoids hydration mismatch).
+	if (typeof window === "undefined") return "default";
+	const attr = document.documentElement.dataset.skin;
+	if (attr === "editorial") return "editorial";
+	return "default";
+}
+
+interface SkinState {
+	skin: Skin;
+	setSkin: (skin: Skin) => void;
+}
+
+export const useSkinStore = create<SkinState>((set) => ({
+	skin: loadInitial(),
+	setSkin: (skin) => {
+		if (typeof window !== "undefined") {
+			if (skin === "editorial") {
+				document.documentElement.setAttribute("data-skin", "editorial");
+				localStorage.setItem(STORAGE_KEY, "editorial");
+			} else {
+				document.documentElement.removeAttribute("data-skin");
+				localStorage.removeItem(STORAGE_KEY);
+			}
+		}
+		set({ skin });
+	},
+}));

package/.next/standalone/src/stores/view-width-store.ts

@@ -2,21 +2,23 @@
 import { create } from "zustand";
 
 export type ViewWidth = "narrow" | "normal" | "wide";
+export type ViewAlign = "center" | "left";
 
 const STORAGE_KEY = "wiki-view-width";
+const ALIGN_STORAGE_KEY = "wiki-view-align";
 
 /** Tailwind max-width class per setting. "wide" removes the cap. */
 export const VIEW_WIDTH_CLASS: Record<ViewWidth, string> = {
 	narrow: "max-w-2xl",
-	normal: "max-w-4xl",
-	wide: "max-w-screen-xl",
+	normal: "max-w-5xl",
+	wide: "max-w-[90rem]",
 };
 
 /** CSS max-width value per setting, for use via the --editor-max-w variable. */
 export const VIEW_WIDTH_CSS: Record<ViewWidth, string> = {
 	narrow: "42rem",
-	normal: "56rem",
-	wide: "80rem",
+	normal: "64rem",
+	wide: "90rem",
 };
 
 export const VIEW_WIDTH_LABEL: Record<ViewWidth, string> = {
@@ -27,6 +29,25 @@ export const VIEW_WIDTH_LABEL: Record<ViewWidth, string> = {
 
 export const VIEW_WIDTH_ORDER: ViewWidth[] = ["narrow", "normal", "wide"];
 
+export const VIEW_ALIGN_LABEL: Record<ViewAlign, string> = {
+	center: "Center",
+	left: "Left",
+};
+
+export const VIEW_ALIGN_ORDER: ViewAlign[] = ["center", "left"];
+
+/** Tailwind horizontal-margin class per alignment, for the content wrapper. */
+export const VIEW_ALIGN_CLASS: Record<ViewAlign, string> = {
+	center: "mx-auto",
+	left: "mr-auto",
+};
+
+/** CSS left-margin value per alignment, for use via the --editor-ml variable. */
+export const VIEW_ALIGN_ML: Record<ViewAlign, string> = {
+	center: "auto",
+	left: "0",
+};
+
 function loadInitial(): ViewWidth {
 	if (typeof window === "undefined") return "normal";
 	const saved = localStorage.getItem(STORAGE_KEY);
@@ -36,20 +57,38 @@ function loadInitial(): ViewWidth {
 	return "normal";
 }
 
+function loadInitialAlign(): ViewAlign {
+	if (typeof window === "undefined") return "center";
+	const saved = localStorage.getItem(ALIGN_STORAGE_KEY);
+	if (saved === "center" || saved === "left") {
+		return saved;
+	}
+	return "center";
+}
+
 interface ViewWidthState {
 	width: ViewWidth;
+	align: ViewAlign;
 	setWidth: (width: ViewWidth) => void;
+	setAlign: (align: ViewAlign) => void;
 	cycle: () => void;
 }
 
 export const useViewWidthStore = create<ViewWidthState>((set) => ({
 	width: loadInitial(),
+	align: loadInitialAlign(),
 	setWidth: (width) => {
 		if (typeof window !== "undefined") {
 			localStorage.setItem(STORAGE_KEY, width);
 		}
 		set({ width });
 	},
+	setAlign: (align) => {
+		if (typeof window !== "undefined") {
+			localStorage.setItem(ALIGN_STORAGE_KEY, align);
+		}
+		set({ align });
+	},
 	cycle: () =>
 		set((s) => {
 			const idx = VIEW_WIDTH_ORDER.indexOf(s.width);

package/.next/standalone/tailwind.config.ts

@@ -21,7 +21,6 @@ const config: Config = {
 					DEFAULT: "var(--primary)",
 					foreground: "var(--primary-foreground)",
 					soft: "var(--primary-soft)",
-					active: "var(--primary-active, #0c0a09)",
 				},
 				secondary: {
 					DEFAULT: "var(--secondary)",
@@ -44,13 +43,7 @@ const config: Config = {
 				border: "var(--border)",
 				input: "var(--input)",
 				ring: "var(--ring)",
-				chart: {
-					"1": "var(--chart-1)",
-					"2": "var(--chart-2)",
-					"3": "var(--chart-3)",
-					"4": "var(--chart-4)",
-					"5": "var(--chart-5)",
-				},
+				overlay: "var(--overlay)",
 				sidebar: {
 					DEFAULT: "var(--sidebar-background)",
 					foreground: "var(--sidebar-foreground)",
@@ -61,19 +54,6 @@ const config: Config = {
 					border: "var(--sidebar-border)",
 					ring: "var(--sidebar-ring)",
 				},
-				// Eisenhower quadrant colors
-				"quadrant-do": "var(--quadrant-do)",
-				"quadrant-do-soft": "var(--quadrant-do-soft)",
-				"quadrant-schedule": "var(--quadrant-schedule)",
-				"quadrant-schedule-soft": "var(--quadrant-schedule-soft)",
-				"quadrant-delegate": "var(--quadrant-delegate)",
-				"quadrant-delegate-soft": "var(--quadrant-delegate-soft)",
-				"quadrant-eliminate": "var(--quadrant-eliminate)",
-				"quadrant-eliminate-soft": "var(--quadrant-eliminate-soft)",
-				// Status colors
-				"status-not-started": "var(--status-not-started)",
-				"status-in-progress": "var(--status-in-progress)",
-				"status-done": "var(--status-done)",
 				// Semantic colors
 				success: {
 					DEFAULT: "var(--success)",
@@ -127,6 +107,16 @@ const config: Config = {
 					"sans-serif",
 				],
 				serif: ["Waldenburg", "EB Garamond", "Times New Roman", "serif"],
+				// Editorial skin font families (scoped to [data-skin="editorial"])
+				display: ["var(--font-fraunces)", "Georgia", "serif"],
+				reading: ["var(--font-newsreader)", "Georgia", "serif"],
+				mono: [
+					"var(--font-plex-mono)",
+					"ui-monospace",
+					"SFMono-Regular",
+					"Menlo",
+					"monospace",
+				],
 			},
 			fontSize: {
 				"display-mega": [